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

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

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

前言

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

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

效果圖

解決路徑

  • GG大法+ webpack官方文檔

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

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

代碼實(shí)現(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í)價值,謝謝大家對腳本之家的支持。

相關(guān)文章

最新評論