生产环境下的log 在正式环境下隐藏log

vue 安装 babel-plugin-transform-remove-console

方法1:然后在 项目中的 babel.config.js文件中加入(此方法不分正式还是生产 log输出均不生效)

module.exports = {
    "presets": [
        "@vue/cli-plugin-babel/preset"
    ],
    "plugins": [
        [
            "component",
            {
                "libraryName": "element-ui",
                "styleLibraryName": "theme-chalk"
            }
        ],
        'transform-remove-console'   // 加入这行 此方法不分正式还是生产 log输出均不生效
    ]
}


方法2:仅在正式环境下屏蔽log输出 项目中的 babel.config.js文件中加入

// 项目发布阶段需要用到的babel插件
const prodPlugins = []
    // 判断在何种环境下运行
if (process.env.NODE_ENV === 'production') {
    prodPlugins.push('transform-remove-console')
}

module.exports = {
    "presets": [
        "@vue/cli-plugin-babel/preset"
    ],
    "plugins": [
        [
            "component",
            {
                "libraryName": "element-ui",
                "styleLibraryName": "theme-chalk"
            }
        ],
        // 发布产品时候的插件数组
        ...prodPlugins
    ]
}

posted @ 2020-09-23 13:41  xujing123  阅读(360)  评论(0编辑  收藏  举报