vue cli打包文件优化工具 webpack-bundle-analyzer

安装webpack-bundle-analyzer插件

npm intall webpack-bundle-analyzer –save-dev

在build/webpack.prod.config.js中添加配置

if (config.build.bundleAnalyzerReport) {
    const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
    webpackConfig.plugins.push(new BundleAnalyzerPlugin());
}

在package.json的scripts中添加配置

“analyz”: “NODE_ENV=production npm_config_report=true npm run build”
运行命令

npm run analyz
运行结果

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_41003211/article/details/79868670
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-02-25 01:27:23
阅读 ( 1048 )
分类：前端

vue cli打包文件优化工具 webpack-bundle-analyzer

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看