前言

昨天重新把我們公司的引流頁做了二重封裝，遇到一個問題。

webpack 切割的時候如何加個可以跟隨文件名變化的前綴。

效果圖

解決路徑

• GG大法+ webpack官方文檔

官方文檔還真的有提供對應的知識，說明如下

大體就是就是 [request] 可以拿到實際解析的文件名，來取代默認的索引遞增的方式。

代碼實現

對應的API官方文檔：【magic-comments】

// 注冊const IntroRegister = categoryName => { return () => import(/* webpackChunkName:"[request]" */ `@/views/${categoryName}/intro-register/intro-register.vue`);};

總結

這樣做的好處就是文件切割目的達到了,加載的資源文件也清晰，有名字一目了然，而非默認的 0.js,1.js

好了，以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對武林網的支持。