vue-cli2.0和vue-cli3.0中当发布到生产环境时禁用console.log

Posted jiekzou

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli2.0和vue-cli3.0中当发布到生产环境时禁用console.log相关的知识,希望对你有一定的参考价值。

vue-cli2.0中的方法

1.安装插件

npm install uglifyjs-webpack-plugin --save-dev

2.修改webpack.prod.conf.js配置文件

const UglifyJsPlugin = require(‘uglifyjs-webpack-plugin‘);
plugins: [
        // http://vuejs.github.io/vue-loader/en/workflow/production.html
        new webpack.DefinePlugin({
            ‘process.env‘: env
        }),
        new UglifyJsPlugin({
            uglifyOptions: {
                // include: //src/,
                compress: {
                    warnings: false,
                    drop_debugger: true, //自动删除debugger
                    drop_console: true //自动删除console.log
                }
            },
            sourceMap: config.build.productionSourceMap,
            parallel: true
        }),
......

vue-cli3.0中的方法

1.安装babel插件

cnpm i babel-plugin-transform-remove-console -D

2.修改babel.config.js文件如下

const plugins = [transform-remove-strict-mode];
if (process.env.NODE_ENV === production && process.env.VUE_APP_OpenLog == 0) {
  plugins.push(transform-remove-console);
}
module.exports = {
  presets: [
    [
      @vue/app,
      {
        polyfills: [es6.promise, es6.symbol]
      }
    ]
  ],
  ignore: [./src/assets/js/mui.js],
  plugins: plugins
};

完!

以上是关于vue-cli2.0和vue-cli3.0中当发布到生产环境时禁用console.log的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli 3.0 安装和创建项目流程

vue-cli 3.x 与vue-cli 2.x构建项目的区别

vue-cli脚手架——3.0版本项目案例

vue-cli3.0引入静态js文件

vue-cli@3.0使用方式和之前版本的差异

vue-cli3.0 环境变量与模式