zoukankan      html  css  js  c++  java
  • vue-cli中的babel配置文件.babelrc详解

    本文介绍vue-cli脚手架工具根目录的babelrc配置文件

    介绍

    es6特性浏览器还没有全部支持,但是使用es6是大势所趋,所以babel应运而生,用来将es6代码转换成浏览器能够识别的代码
    babel有提供专门的命令行工具方便转码,可以自行去了解
    

    vue-cli脚手架的.babelrc文件

    {
        // 此项指明,转码的规则
        "presets": [
            // env项是借助插件babel-preset-env,下面这个配置说的是babel对es6,es7,es8进行转码,并且设置amd,commonjs这样的模块化文件,不进行转码
            ["env", { "modules": false }],
            // 下面这个是不同阶段出现的es语法,包含不同的转码插件
            "stage-2"
        ],
        // 下面这个选项是引用插件来处理代码的转换,transform-runtime用来处理全局函数和优化babel编译
        "plugins": ["transform-runtime"],
        // 下面指的是在生成的文件中,不产生注释
        "comments": false,
        // 下面这段是在特定的环境中所执行的转码规则,当环境变量是下面的test就会覆盖上面的设置
        "env": {
            // test 是提前设置的环境变量,如果没有设置BABEL_ENV则使用NODE_ENV,如果都没有设置默认就是development
            "test": {
                "presets": ["env", "stage-2"],
                // instanbul是一个用来测试转码后代码的工具
                "plugins": ["istanbul"]
            }
        }
    }
    
    禁止抄袭,转载请注明出处
  • 相关阅读:
    C/C++多文件之间的变量定义
    PKU POJ 2186 Popular Cows 强连通分量
    重载函数
    ZOJ 2763 Prison Break
    201357 训练赛总结
    hdu 4467 Graph 构造
    201356 训练赛总结
    201353 NEERC 2012, Eastern subregional contest
    2013512 CF 183 总结
    一道动态规划
  • 原文地址:https://www.cnblogs.com/ye-hcj/p/7071850.html
Copyright © 2011-2022 走看看