移除vue生产环境console.log，并本地打包测试

最新推荐文章于 2023-10-04 09:11:19 发布

Program W

最新推荐文章于 2023-10-04 09:11:19 发布

阅读量346

点赞数

分类专栏： js 大前端工具文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_46037781/article/details/128217759

版权

大前端同时被 3 个专栏收录

89 篇文章 1 订阅

订阅专栏

49 篇文章 2 订阅

订阅专栏

工具

13 篇文章 0 订阅

订阅专栏

一、移除vue生产环境console.log

1.1安装插件

npm install babel-plugin-transform-remove-console --save-dev

1.2、babel.config.js配置

/**
 * babel 配置
 */

const proPlugins = ["@vue/babel-plugin-transform-vue-jsx"];
// 生产环境移除console
if (process.env.NODE_ENV === "production") {
  proPlugins.push("transform-remove-console");
}

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
  // 没用不管
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: `~.qn/el-themes/${process.env.THEME || 'default'}`
      }
    ],
    ...proPlugins
  ]
}