前言

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

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

效果圖

解決路徑

• GG大法+ webpack官方文檔

官方文檔還真的有提供對應(yīng)的知識，說明如下

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

代碼實現(xiàn)

對應(yīng)的API官方文檔：【magic-comments】

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

總結(jié)

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

好了，以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，謝謝大家對VeVb武林網(wǎng)的支持。