执行以下命令安装
cnpm install webpack-bundle-analyzer --save-dev
然后vue.config.js
chainWebpack: config => {
config.output.filename('js/[name].[hash].js').end();
config.plugin('webpack-bundle-analyzer').use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)//增加这行代码
}
然后npm run build --report
j就出现这个地址的窗口了,http://127.0.0.1:8888
vue-cli3安装webpack-bundle-analyzer分析打包文件大小
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过...
- 参考资料webpack指南 最近在学习webpack的一些资料的整理,免得自己日后忘记,现在写一下开发的过程先。 ...