美文网首页
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