webpack打包分析工具(webpack-bundle-analyzer)安装

5,686 阅读1分钟

安装

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

配置(webpack.config.js)

    const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
    plugins: [
    new BundleAnalyzerPlugin(
               {
                  analyzerMode: 'server',
                  analyzerHost: '127.0.0.1',
                  analyzerPort: 8888,
                  reportFilename: 'report.html',
                  defaultSizes: 'parsed',
                  openAnalyzer: true,
                  generateStatsFile: false,
                  statsFilename: 'stats.json',
                  statsOptions: null,
                  logLevel: 'info'
                    }
           ),
    ]

在package.json添加

    "analyz": "NODE_ENV=production npm_config_report=true npm run build"

运行

npm run analyz