vue打包优化之dll

598 阅读1分钟

先上效果图

打包时间:

在日常开发会用到很多第三方模块,如:vue、vue-router、vuex等等。在vue脚手架默认的webpack配置中,每次打包都会对这些模块进行打包。当项目越来越大的时候,用到的第三方模块较多时,就会出现编译、打包变得很慢。

解决办法:

使用webpack自带的 webpack.DllPlugin({}) 来将第三方模块进行预处理

第一步

在build下新建配置文件webpack.dll.js

第二步

运行 webpack --config ./build/webpack.dll.js ,执行webpack的配置文件后得到dll后生成的文件

第三步

修改webpack.pro.conf.js

第四步

运行打包命令npm run build