zoukankan      html  css  js  c++  java
  • webpack-bundle-analyzer 可视化分析包插件

    安装

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

    配置

    webpack.config.js

    const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
    module.exports={
      plugins: [
        new BundleAnalyzerPlugin()  // 使用默认配置
        // 默认配置的具体配置项
        // 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,
        //   excludeAssets: null,
        //   logLevel: info
        // })
      ]
    }

    cross-env安装

    npm install --save-dev cross-env

    package.json中的script中补上:

        "analyze": "cross-env NODE_ENV=production npm_config_report=true npm run build"

    运行

    npm run analyze

    效果:

  • 相关阅读:
    百度图片
    在线人数统计
    mysql简易导入excel
    asp.net 导出excel带图片
    C# 正则验证
    js生成随机数
    YQL获取天气
    取html里的img和去html标签
    客户端信息获得《转》
    使用ASP.NET上传图片汇总
  • 原文地址:https://www.cnblogs.com/liangtao999/p/15319211.html
Copyright © 2011-2022 走看看