Webpack性能优化的方式有很多种,本文之所以将 dll 单独讲解,是因为 dll 是一种最简单粗暴并且极其有效的优化方式。

在通常的打包过程中,你所引用的诸如:jquery、bootstrap、react、react-router、redux、antd、vue、vue-router、vuex 等等众多库也会被打包进 bundle 文件中。由于这些库的内容基本不会发生改变,每次打包加入它们无疑是一种巨大的性能浪费。

Dll 的技术就是在第一次时将所有引入的库打包成一个 dll.js 的文件,将自己编写的内容打包为 bundle.js 文件,这样之后的打包只用处理 bundle 部分。

 

以一个 Vue 项目为例,首先创建一个名为 webpack.dll.config.js 的文件

大数据培训,云培训,数据挖掘培训,云计算培训,高端软件开发培训,项目经理培训

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