去除生产环境console

最新推荐文章于 2024-06-13 14:23:28 发布

一两米阳光

最新推荐文章于 2024-06-13 14:23:28 发布

阅读量141

点赞数

文章标签： vue javascript

本文链接：https://blog.csdn.net/weixin_44612172/article/details/132482656

版权

方法一:
安装babel-plugin-transform-remove-console
npm install babel-plugin-transform-remove-console --save-dev
在babel.config.js文件中添加:

const proPlugins = [];
// 生产环境使用去掉console的插件
if (process.env.NODE_ENV === 'production') { 
  proPlugins.push('transform-remove-console')
}

module.exports = {
	...,
  plugins:[
    ...proPlugins
  ],
}

方法二：
安装terser-webpack-plugin

npm install terser-webpack-plugin --save-dev

在vue.config.js中添加：

const TerserPlugin = require('terser-webpack-plugin');

module.exports={
	...,
	configureWebpack:{
		optimization: {
	      minimizer: [
	      	new TerserPlugin(
	      		{ terserOptions: { compress: { drop_console: true } } }
	      	)
	      ],
    },
    },
}