一、前言
創(chuàng)新互聯(lián)公司長期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為萬榮企業(yè)提供專業(yè)的做網(wǎng)站、成都網(wǎng)站建設(shè),萬榮網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。The DllPlugin and DllReferencePlugin provide means to split bundles in a way that can drastically improve build time performance.
DllPlugin
結(jié)合 DllRefrencePlugin
插件的運(yùn)用,對將要產(chǎn)出的bundle文件進(jìn)行拆解打包,可以很徹底地加快webpack的打包速度,從而在開發(fā)過程中極大地縮減構(gòu)建時(shí)間。
二、構(gòu)建效果
結(jié)論先行: 使用 DllPlugin
和 DllRefrencePlugin
進(jìn)行構(gòu)建,可以縮減50%~70%的構(gòu)建時(shí)間。
參考Demo: dllplugin-demo
2.1 使用DllPlugin前的構(gòu)建速度
入口文件 main.js
引入了一個(gè) jQuery
文件,圖示打包耗時(shí)2.3s。
2.2 使用DllPlugin后的構(gòu)建速度
使用插件后,打包耗時(shí)0.6s,單次對比,縮減時(shí)長達(dá)到73%! 2.3 如何驗(yàn)證DLLPlugin已經(jīng)生效
對比上面兩張圖打包的模塊列表,圖二有一行不一樣的輸出:
[0] delegated ./src/components/jquery.js from dll-reference vendor_57c12dcd8d9774596525 42 bytes {0} [built]
這說明,此次的打包過程,沒有重新打包 jQuery
模塊,而是直接從 vendor_57c12dcd8d9774596525
中代理了。
三、Get Started
DllPlugin作用示意圖:
3.1 配置webpack.dll.config.js打包靜態(tài)公共資源
3.1.1 定義webpack.dll.config.js
為了減小篇幅,只帖關(guān)鍵配置內(nèi)容,詳細(xì)訪問 dllplugin-demo :
// webpack.dll.config.js module.exports = { entry: { // 定義程序中打包公共文件的入口文件vendor.js vendor: [path.resolve(src, 'js', 'vendor.js')], }, plugins: [ new webpack.DllPlugin({ // manifest緩存文件的請求上下文(默認(rèn)為webpack執(zhí)行環(huán)境上下文) context: process.cwd(), // manifest.json文件的輸出位置 path: path.join(src, 'js', 'dll', '[name]-manifest.json'), // 定義打包的公共vendor文件對外暴露的函數(shù)名 name: '[name]_[hash]' }) ] }
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
本文標(biāo)題:詳解webpack編譯速度提升之DllPlugin-創(chuàng)新互聯(lián)
鏈接URL:http://www.rwnh.cn/article20/ceccjo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、品牌網(wǎng)站建設(shè)、App設(shè)計(jì)、App開發(fā)、虛擬主機(jī)、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容