在开发过程中需要使用consol.log控制台打印大量的调试信息,但在产品上线后,应该去除所有的打印信息。使用babel插件即可完成操作

    1. 参考地址:

    https://babeljs.io/docs/en/babel-plugin-transform-remove-console/

    1. 安装

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

    1. 修改babel.config.js配置
    1. // 项目发布节点用到的babel插件
    2. const prodPlugins = []
    3. // 如果处于发布模式,开启transform-remove-console
    4. if(process.env.NODE_ENV === 'production'){
    5. prodPlugins.push('transform-remove-console')
    6. }
    7. module.exports = {
    8. presets: [
    9. ['@vue/cli-plugin-babel/preset', {'modules': false}]
    10. ],
    11. plugins: [
    12. [
    13. "component",
    14. {
    15. "libraryName": "element-ui",
    16. "styleLibraryName": "theme-chalk"
    17. }
    18. ],
    19. ...prodPlugins
    20. ]
    21. }