vue生产环境 移除项目中的所有 console.log - 前端笔记-1.安装babel-plugin-transform-remove-console插件 npminstallbabel-plugin-transform-remove-conso....

学习笔记

点滴记忆
回忆过往
首页>> web前端 >>vue生产环境 移除项目中的所有 console.log - 前端笔记
1.安装 babel-plugin-transform-remove-console 插件
npm install babel-plugin-transform-remove-console   -S


2.在项目目录下面 找到babel.config.js 文件打开  复制以下代码进去
    
    思路:
        1.设置一个空数组plugins      使用展开运算符放到 和 presets  同级 里面   方便导出
        2.通过判断 目前是不是发布阶段  在往plugins数组   push  transform-remove-console (去掉console.log) 插件名称
        3.  process.env.NODE_ENV是调用vue系统函数查看当前 处于发布 模式还是 开发模式    发布模式  production    开发模式development
     
        以下代码,随便复制一个就行   


代码1:
// 生产环境移除console

const plugins = [] //空数组

// process.env.NODE_ENV  === production   目前处于开发阶段
if (process.env.NODE_ENV === 'production') {
  plugins.push('transform-remove-console')
}

module.exports = {
  presets: ['@vue/cli-plugin-babel/preset'],
  // 展开运算符的方式把plugins放进来
  ...plugins
}

代码2:
const plugins = ['@vue/babel-plugin-transform-vue-jsx']
// 生产环境移除console
if (process.env.NODE_ENV === 'production') {
  plugins.push('transform-remove-console')
}
module.exports = {
  pluginsplugins,
  presets: [
    [
      '@vue/app',
      {
        modulesfalse,
        targets: {
          browsers: [
            '> 1%',
            'last 2 versions',
            'not ie <= 8',
            'Android >= 4',
            'iOS >= 8'
          ]
        },
        useBuiltIns'entry'
      }
    ]
  ]
}

×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:前端笔记 » vue生产环境 移除项目中的所有 console.log

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)