先上效果图
打包时间:
在日常开发会用到很多第三方模块,如: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