标签：plugins out 大小 uil dex -- install require 结合
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()) }
上面的配置是监听build的参数，来动态判断是否需要分析包大小，也可以直接使用这个plugin
const BundleAnalyzerPlugin = require(‘webpack-bundle-analyzer‘).BundleAnalyzerPlugin; const config = { entry: ‘./src/index.js‘, output: { filename: ‘bundle.js‘, path: path.resolve(__dirname, ‘dist‘) }, plugins: [ new BundleAnalyzerPlugin() ] }; module.exports = config;
npm run-script build --report // 这一种是使用report参数来动态判断是否需要包大小分析。
// 如果是直接使用plugins的话，就直接使用npm run-script build就可以了
浏览器打开127.0.0.1:8888地址可以看到一下效果图
标签：plugins out 大小 uil dex -- install require 结合
原文地址：https://www.cnblogs.com/JasonWang-code/p/14132569.html
