vue-3.0配置webpack-bundle-analyzer模块分析器

这是基于vue-cli3.0配置webpack-bundle-analyzer,使用交互式可缩放树形图可视化webpack输出文件的大小,具体实现方法如下。。。

1:npm intall webpack-bundle-analyzer –save-dev  //安装插件

2:vue.config.js配置

vue-3.0配置webpack-bundle-analyzer模块分析器_第1张图片

3:运行页面npm run serve

4:更改访问localhost:8888

附上效果图

vue-3.0配置webpack-bundle-analyzer模块分析器_第2张图片

你可能感兴趣的:(web技术栈,web,vue-cli3,javascript)