nuxt打包上线屏蔽console打印

彦青i

已于 2022-05-23 09:50:47 修改

阅读量1.1k

点赞数

分类专栏： nuxt 文章标签： vue

于 2022-04-11 17:08:18 首次发布

本文链接：https://blog.csdn.net/qq_41200374/article/details/124102028

版权

nuxt 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

环境

  "nuxt": "^2.15.7"

安装

yarn add  babel-plugin-transform-remove-console --save-dev
	or
npm install babel-plugin-transform-remove-console --save-dev

配置（nuxt.config.js 文件）

因为需要判断环境所以需要在头部声明变量使用插件

//头部对环境判断,当正式环境时添加插件禁用console功能
let plugins_removeConsole = []
if (process.env.NODE_ENV === 'production') {
  console.log(process.env.NODE_ENV);
  //禁止调用console
  plugins_removeConsole.push(["transform-remove-console", { "exclude": ["error", "warn"] }]) //有选项的排除报错和警报
}
//以下是在build
export default {
 build: {
    analyze: true,
      babel: {
      plugins: [
        [//添加elemtnui插件
          "component",
          {
            "libraryName": "element-ui",
            "styleLibraryName": "theme-chalk"
          }
        ],
        ...plugins_removeConsole
      ]
    },
  },
}

无需对环境进行判断直接引用

export default {
 build: {
    analyze: true,
      babel: {
      plugins: [
        [//添加elemtnui插件
          "component",
          {
            "libraryName": "element-ui",
            "styleLibraryName": "theme-chalk"
          }
        ],
       ["transform-remove-console", { "exclude": ["error", "warn"] }]
      ]
    },
  },
}