美文网首页
vue-cli 配置 webpack-bundle-analyz

vue-cli 配置 webpack-bundle-analyz

作者: 我就是看看哦 | 来源:发表于2020-02-06 15:59 被阅读0次

    1.安装webpack-bundle-analyzer插件

    ``

    sudo yarn add webpack-bundle-analyzer --dev

    ``

    2.配置vue.config.js

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

    configureWebpack: config => {

            if (process.env.NODE_ENV === 'production') {

                // 为生产环境修改配置...

               if(process.env.use_analyzer){

                    config.plugins.push(

                        new BundleAnalyzerPlugin()

                    );

                }

            } else {

                // 为开发环境修改配置...

            }

        },

    3.package.json

    //"analyze": "npm run build --report"  
    "analyze": "use_analyzer=true npm run build_mymeetings" //加判断

    相关文章

      网友评论

          本文标题:vue-cli 配置 webpack-bundle-analyz

          本文链接:https://www.haomeiwen.com/subject/djvbgctx.html