Vue中的一些有意思的小插件

503 阅读1分钟

1.生产环境删除console.log

开发环境为了调试,会添加大量的console.log,但如果console.log提交到生产环境里面,不仅会影响到代码执行性能,还可能会泄露一些核心数据,所以我们更希望的是在生产环境,将所有的console.log清除掉,怎么做呢?

  • 安装插件

npm install babel-plugin-transform-remove-console -D
  • 配置babel.config.js

// 所有生产环境
const prodPlugin = []

if (process.env.NODE_ENV === 'production') {

// 如果是生产环境,则自动清理掉打印的日志,但保留error 与 warn
    prodPlugin.push([
        'transform-remove-console',
        {
            // 保留 console.error 与 console.warn
            exclude: ['error', 'warn']
        }
    ])
}
module.exports = {
    plugins: [
        ...prodPlugin
  ]
}

未完待续...

参考文章:
我在项目中是这样配置Vue的