在使用webpack過程中，本人也發現發現構建速度非常慢，Webpack性能優化的方式有很多種，本文介紹了dll，dll是一種最簡單粗暴并且極其有效的優化方式。

創新互聯自成立以來，一直致力于為企業提供從網站策劃、網站設計、網站制作、網站建設、電子商務、網站推廣、網站優化到為企業提供個性化軟件開發等基于互聯網的全面整合營銷服務。公司擁有豐富的網站建設和互聯網應用系統開發管理經驗、成熟的應用系統解決方案、優秀的網站開發工程師團隊及專業的網站設計師團隊。

前言

在用 Webpack 打包的時候，對于一些不經常更新的第三方庫，比如react，lodash，我們希望能和自己的代碼分離開，Webpack 社區有兩種方案

1. CommonsChunkPlugin
2. DLLPlugin

對于CommonsChunkPlugin，webpack 每次打包實際還是需要去處理這些第三方庫，只是打包完之后，能把第三方庫和我們自己的代碼分開。而DLLPlugin則是能把第三方代碼完全分離開，即每次只打包項目自身的代碼。

用法

要使用DLLPlugin，需要額外新建一個配置文件。所以對于用這種方式打包的項目，一般會有下面兩個配置文件

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

先來看下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
  }),
 ],
}

另外有需要云服務器可以了解下創新互聯建站vcdvsql.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文名稱：詳解WebpackDLL用法以及功能-創新互聯
鏈接地址：http://vcdvsql.cn/article38/iidsp.html

成都網站建設公司_創新互聯，為您提供網站建設、定制網站、小程序開發、網站收錄、建站公司、品牌網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯