首页 > Web开发 > 详细

webpack 包大小分析

时间:2020-12-14 14:43:19      阅读:22      评论:0      收藏:0      [点我收藏+]

webpack-bundle-analyzer文件大小分析工具

Angular cli 与webpack-bundle-anglyzer结合分析包大小。

一.安装

npm install --save-dev webpack-bundle-analyzer

二.配置

webpack.config.js

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

三.启动

npm run-script build --report

浏览器打开127.0.0.1:8888地址可以看到一下效果图

webpack 包大小分析

原文:https://www.cnblogs.com/JasonWang-code/p/14132569.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!