Webpack性能優(yōu)化的方式有很多種,本文之所以將 dll 單獨講解,是因為 dll 是一種最簡單粗暴并且極其有效的優(yōu)化方式。

在通常的打包過程中,你所引用的諸如:jquery、bootstrap、react、react-router、redux、antd、vue、vue-router、vuex 等等眾多庫也會被打包進 bundle 文件中。由于這些庫的內(nèi)容基本不會發(fā)生改變,每次打包加入它們無疑是一種巨大的性能浪費。

Dll 的技術(shù)就是在第一次時將所有引入的庫打包成一個 dll.js 的文件,將自己編寫的內(nèi)容打包為 bundle.js 文件,這樣之后的打包只用處理 bundle 部分。

 

以一個 Vue 項目為例,首先創(chuàng)建一個名為 webpack.dll.config.js 的文件

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計算培訓(xùn),高端軟件開發(fā)培訓(xùn),項目經(jīng)理培訓(xùn)

var path = require("path"),
  fs = require('fs'),
  webpack = require("w
        
		

網(wǎng)友評論