欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Webpack 4如何動態(tài)切割JS注入文件名詳解

 更新時間:2019年07月09日 14:40:57   作者:CRPER  
這篇文章主要給大家介紹了關于Webpack 4如何動態(tài)切割JS注入文件名的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用Webpack4具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧

前言

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

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

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

相關文章

最新評論