1. 安装:

    npm install -D webpack-bundle-analyzer

  2. 配置package.json:build里加上--report

    "scripts": {

    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build --report"

    },

  3. 配置vue.config.js自动打开分析报告

    var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

    module.exports = {

    configureWebpack: {
        plugins: [
            new BundleAnalyzerPlugin({
                openAnalyzer: false, // 在默认浏览器中是否自动打开报告,默认 true
            })
        ]
    }

    }

最后编辑:2023年10月24日 ©著作权归作者所有

发表评论