zoukankan      html  css  js  c++  java
  • babel-plugin-transform-remove-console 的安装及使用

     当vue-cli在ui界面任务下进行build生成生产环境代码时,如果碰到有console类型的语句,是会报错的。

    这个时候我们就要用到babel-plugin-transform-remove-console,插件

    实现在开发环境可以用console在生产环境去掉

    安装方法如下

    安装完毕后,在项目根目录下bebel.config.js文件进行设置,添加上字符串’transform-remove-console’

     是在plugins数组内加一个字符串

     但是这样的话,开发和生产环境都起作用,

    如下,开发环境

     development

    生产环境

     production

    在文件中如下设置即可

    //这是项目发布阶段需要用到的
    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
        ]
    }
  • 相关阅读:
    关于git的一些常用命令
    移动页面缩放方法之(三)rem布局
    day3笔记
    day2天笔记
    使用charles抓取手机端包 Charles设置断点
    用ffmpeg编辑视频
    js新闻摘要截取部分文字
    js实现多图展示 鼠标移入图片放大
    js全选与反选
    javascript与jQuery选项卡效果
  • 原文地址:https://www.cnblogs.com/loving0606/p/14061808.html
Copyright © 2011-2022 走看看