webpack-bundle-analyzer查看项目依赖报告
【摘要】
文档:
npm:https://www.npmjs.com/package/webpack-bundle-analyzergithub: https://github.com/webpack-contr...
文档:
- npm:https://www.npmjs.com/package/webpack-bundle-analyzer
- github: https://github.com/webpack-contrib/webpack-bundle-analyzer
安装
npm install --save-dev webpack-bundle-analyzer
- 1
使用
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
module.exports = {
plugins: [
new BundleAnalyzerPlugin()
]
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
使用 vue-cli-service
https://cli.vuejs.org/zh/guide/cli-service.html#vue-cli-service-build
如果使用vue.config.js ,可以直接生成依赖报告
package.json
"scripts": {
"build:report": "vue-cli-service build --report",
}
- 1
- 2
- 3
文章来源: pengshiyu.blog.csdn.net,作者:彭世瑜,版权归原作者所有,如需转载,请联系作者。
原文链接:pengshiyu.blog.csdn.net/article/details/121972815
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)