In IE, console is only defined when in F12 debugging mode. So I'm looking for a convenient way to manage the compilation of Vue
I'd like to be able to write console.log inside the code
alert('a');
console.log('only in development mode');
alert('b');
If i compile in production mode, the command console must disappear
alert('a');
alert('b');
If i work in develope mode, the command console must appear
alert('a');
console.log('only in development mode');
alert('b');
In VueJS, I have two webpack configurations: one for development and one for production - could this be the way?
I can not configure the webpack file correctly, but I think it's something like this:
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports.plugins = (module.exports.plugins || []).concat([
new UglifyJsPlugin({
sourceMap: true,
compress: {
drop_console: true,
warnings: false
},
comments: false
}),
])