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的主要内容,如果未能解决你的问题,请参考以下文章