Webpack 4如何動(dòng)態(tài)切割JS注入文件名詳解
更新時(shí)間：2019年07月09日 14:40:57 作者：CRPER
這篇文章主要給大家介紹了關(guān)于Webpack 4如何動(dòng)態(tài)切割JS注入文件名的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Webpack4具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
前言
昨天重新把我們公司的引流頁(yè)做了二重封裝，遇到一個(gè)問(wèn)題。
webpack 切割的時(shí)候如何加個(gè)可以跟隨文件名變化的前綴。
效果圖
解決路徑
- GG大法+ webpack官方文檔
官方文檔還真的有提供對(duì)應(yīng)的知識(shí)，說(shuō)明如下
大體就是就是 [request] 可以拿到實(shí)際解析的文件名，來(lái)取代默認(rèn)的索引遞增的方式。
代碼實(shí)現(xiàn)
對(duì)應(yīng)的API官方文檔：【magic-comments】
// 注冊(cè)
const IntroRegister = categoryName => {
return () => import(/* webpackChunkName:"[request]" */ `@/views/${categoryName}/intro-register/intro-register.vue`);
};
總結(jié)
這樣做的好處就是文件切割目的達(dá)到了,加載的資源文件也清晰，有名字一目了然，而非默認(rèn)的 0.js,1.js
好了，以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
bootstrap table插件的分頁(yè)與checkbox使用詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap table插件的分頁(yè)與checkbox使用詳解，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
淺談Javascript中Object與Function對(duì)象
JavaScript的面向?qū)ο笫腔谠蔚?，所有?duì)象都有一條屬于自己的原型鏈。Object與Function可能很多看Object instanceof Function ， Function instanceof Object都為true而迷惑，所以首先看下對(duì)象的實(shí)例2015-09-09
JS+CSS實(shí)現(xiàn)電子商務(wù)網(wǎng)站導(dǎo)航模板效果代碼
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)電子商務(wù)網(wǎng)站導(dǎo)航模板效果代碼,涉及JavaScript結(jié)合css動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-09-09
js實(shí)現(xiàn)不提示直接關(guān)閉網(wǎng)頁(yè)窗口
本文主要介紹了js實(shí)現(xiàn)不提示直接關(guān)閉網(wǎng)頁(yè)窗口的方法。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-03-03
在JavaScript中如何訪問(wèn)暫未存在的嵌套對(duì)象
這篇文章主要給大家介紹了關(guān)于在JavaScript中如何訪問(wèn)暫未存在的嵌套對(duì)象的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)banner圖輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02
js實(shí)現(xiàn)表格的隔行變色和上下移動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)表格的隔行變色和上下移動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了JavaScript之clipboard用法詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
代碼塊高亮可復(fù)制顯示js插件highlight.js+clipboard.js整合
最近有個(gè)需求是將jsp頁(yè)面上的某一段代碼塊格式化成類(lèi)似CSDN的代碼塊的樣式，而且很多平臺(tái)都使用了這樣的功能，下面就為大家簡(jiǎn)單分享一下2021-02-02
JS實(shí)現(xiàn)頁(yè)面進(jìn)入和返回定位到具體位置
其實(shí)瀏覽器也自帶了返回的功能，也就是說(shuō)，自帶了返回定位的功能，返回定位到具體位置有兩種方法，下面通過(guò)場(chǎng)景分析給大家詳細(xì)講解，需要的的朋友參考下2016-12-12