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

文档：

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

Analyzer webpack

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

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