vue或react项目生产环境去掉console.log的操作

module.exports = {
 configureWebpack: (config)=>{
 if(process.env.NODE_ENV === 'production'){
  config.optimization.minimizer[0].options.terserOptions.press.drop_console = true
 }
 }
}

const TerserPlugin = require('terser-webpack-plugin')
module.exports = {
 configureWebpack: (config)=>{
 if(process.env.NODE_ENV === 'production'){
  // 返回一个将会被合并的对象
  return {
  optimization:{
  minimizer: [
 new TerserPlugin({
 sourceMap:false,
 terserOptions:{
  press:{
  drop_console : true
  }
 }
 })
   ]
 }
 }
 }
 }
}

module.exports = {
 optimization:{
 minimizer: [
 new TerserPlugin({
  sourceMap:false,
 terserOptions:{
 press:{
  drop_console : true
 }
 }
 })
 ]
 }
}

data(){
 return {
 cards:[]
 }
}

<div v-for="card in cards" :key="card.id">
 <img src="xxx" />
 <div v-if="card.isShow" @click="cacelHandler(card)">
 <img src="xxxx" />
 </div>
</div>

cacelHandler(card){
 card.isShow = false;
 this.$forceUpdate();
}