纵有疾风起
人生不言弃

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};

完!

文章转载于:https://www.cnblogs.com/jiekzou/p/11690916.html

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » vue-cli2.0和vue-cli3.0中当发布到生产环境时禁用console.log
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录