vue-cli 2.0とvue-cli 3.0において生産環境にリリースされた時は、consoli.logを無効にします。
3588 ワード
vue-cli 2.0の中の方法
1.プラグインのインストール
1.babelプラグインのインストール
1.プラグインのインストール
npm install uglifyjs-webpack-plugin --save-dev
2.webpack.prod.com nf.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-cli 3.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
};
終わり!