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
好了，以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。
相關文章
bootstrap table插件的分頁與checkbox使用詳解
這篇文章主要為大家詳細介紹了bootstrap table插件的分頁與checkbox使用詳解，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
淺談Javascript中Object與Function對象
JavaScript的面向對象是基于原形的，所有對象都有一條屬于自己的原型鏈。Object與Function可能很多看Object instanceof Function ， Function instanceof Object都為true而迷惑，所以首先看下對象的實例2015-09-09
這篇文章主要介紹了JS+CSS實現電子商務網站導航模板效果代碼,涉及JavaScript結合css動態(tài)操作頁面元素屬性的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-09-09
本文主要介紹了js實現不提示直接關閉網頁窗口的方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03
這篇文章主要給大家介紹了關于在JavaScript中如何訪問暫未存在的嵌套對象的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JavaScript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-06-06
這篇文章主要為大家詳細介紹了微信小程序實現banner圖輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
這篇文章主要為大家詳細介紹了js實現表格的隔行變色和上下移動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了JavaScript之clipboard用法詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下2021-08-08
代碼塊高亮可復制顯示js插件highlight.js+clipboard.js整合
最近有個需求是將jsp頁面上的某一段代碼塊格式化成類似CSDN的代碼塊的樣式，而且很多平臺都使用了這樣的功能，下面就為大家簡單分享一下2021-02-02
其實瀏覽器也自帶了返回的功能，也就是說，自帶了返回定位的功能，返回定位到具體位置有兩種方法，下面通過場景分析給大家詳細講解，需要的的朋友參考下2016-12-12