webpack-bundle-analyzer查看项目依赖报告

网友投稿 863 2022-05-30

文档:

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

webpack-bundle-analyzer查看项目依赖报告

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

Analyzer webpack

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:软件质量黄金法则
下一篇:玩转HDFS常用命令
相关文章