webpack-bundle-analyzer

来源：抵帆知识网

webpack-bundle-analyzer 是⼀个打包⽂件分析⼯具，主要作⽤是可以直观分析打包出的⽂件包含哪些，⼤⼩占⽐如何，压缩后的⼤⼩等等。

⼀、安装插件

npm install webpack-bundle-analyzer --D⼆、配置 vue.config.js ⽂件 const { resolve } = require('path');

module.exports = { ....其它的配置

chainWebpack: (config) => {

if (process.env.NODE_ENV === 'production') { config

.plugin('webpack-bundle-analyzer')

.use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin); } }, }

如果想在运⾏项⽬时就出现，则可以把环境变量的判断注释掉打开的默认端⼝号是：8888

效果

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文

违法及侵权请联系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务