如何使用vue-cli3的DllPlugin实现公共库的提取与优化？
- 内容介绍
- 文章标签
- 相关推荐
本文共计932个文字，预计阅读时间需要4分钟。
在Vue开发过程中，保存文件后通常会立即进行编译。若能减少编译时间，哪怕只是一点点，也能节省不少时间。开发过程中，个人编写的源文件变动频繁，而一些库文件我们通常不会修改。
vue 开发过程中，保存一次就会编译一次，如果能够减少编译的时间，哪怕是一丁点，也能节省不少时间。开发过程中个人编写的源文件才会频繁变动，而一些库文件我们一般是不会去改动的。如果能把这些库文件提取出来，就能减少打包体积，加快编译速度。本文主要讲述在 vue-cli3 中利用 DllPlugin 来进行预编译。
1、安装相关插件
yarn add webpack-cli@^3.2.3 add-asset-html-webpack-plugin@^3.1.3 clean-webpack-plugin@^1.0.1 --dev
2、编写配置文件
在项目根目录下新建 webpack.dll.conf.js，输入以下内容。
本文共计932个文字，预计阅读时间需要4分钟。
在Vue开发过程中，保存文件后通常会立即进行编译。若能减少编译时间，哪怕只是一点点，也能节省不少时间。开发过程中，个人编写的源文件变动频繁，而一些库文件我们通常不会修改。
vue 开发过程中，保存一次就会编译一次，如果能够减少编译的时间，哪怕是一丁点，也能节省不少时间。开发过程中个人编写的源文件才会频繁变动，而一些库文件我们一般是不会去改动的。如果能把这些库文件提取出来，就能减少打包体积，加快编译速度。本文主要讲述在 vue-cli3 中利用 DllPlugin 来进行预编译。
1、安装相关插件
yarn add webpack-cli@^3.2.3 add-asset-html-webpack-plugin@^3.1.3 clean-webpack-plugin@^1.0.1 --dev
2、编写配置文件
在项目根目录下新建 webpack.dll.conf.js，输入以下内容。