在使用webpack過(guò)程中，本人也發(fā)現(xiàn)發(fā)現(xiàn)構(gòu)建速度非常慢，Webpack性能優(yōu)化的方式有很多種，本文介紹了dll，dll是一種最簡(jiǎn)單粗暴并且極其有效的優(yōu)化方式。

創(chuàng)新互聯(lián)自成立以來(lái)，一直致力于為企業(yè)提供從網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站建設(shè)、電子商務(wù)、網(wǎng)站推廣、網(wǎng)站優(yōu)化到為企業(yè)提供個(gè)性化軟件開(kāi)發(fā)等基于互聯(lián)網(wǎng)的全面整合營(yíng)銷(xiāo)服務(wù)。公司擁有豐富的網(wǎng)站建設(shè)和互聯(lián)網(wǎng)應(yīng)用系統(tǒng)開(kāi)發(fā)管理經(jīng)驗(yàn)、成熟的應(yīng)用系統(tǒng)解決方案、優(yōu)秀的網(wǎng)站開(kāi)發(fā)工程師團(tuán)隊(duì)及專(zhuān)業(yè)的網(wǎng)站設(shè)計(jì)師團(tuán)隊(duì)。

前言

在用 Webpack 打包的時(shí)候，對(duì)于一些不經(jīng)常更新的第三方庫(kù)，比如react，lodash，我們希望能和自己的代碼分離開(kāi)，Webpack 社區(qū)有兩種方案

1. CommonsChunkPlugin
2. DLLPlugin

對(duì)于CommonsChunkPlugin，webpack 每次打包實(shí)際還是需要去處理這些第三方庫(kù)，只是打包完之后，能把第三方庫(kù)和我們自己的代碼分開(kāi)。而DLLPlugin則是能把第三方代碼完全分離開(kāi)，即每次只打包項(xiàng)目自身的代碼。

用法

要使用DLLPlugin，需要額外新建一個(gè)配置文件。所以對(duì)于用這種方式打包的項(xiàng)目，一般會(huì)有下面兩個(gè)配置文件

1. webpack.config.js
2. webpack.dll.config.js

先來(lái)看下webpack.dll.config.js

const webpack = require('webpack')
const library = '[name]_lib'
const path = require('path')

module.exports = {
 entry: {
  vendors: ['react', 'lodash']
 },

 output: {
  filename: '[name].dll.js',
  path: 'dist/',
  library
 },

 plugins: [
  new webpack.DllPlugin({
   path: path.join(__dirname, 'dist/[name]-manifest.json'),
   // This must match the output.library option above
   name: library
  }),
 ],
}

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站題目：詳解WebpackDLL用法以及功能-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/iidsp.html