【Babel】.babelrc配置文件详解

238 阅读1分钟

Babel是一个转码器工具,主要用于把es6语法转码为es5,来兼容新版及旧版本浏览器。Babel的配置文件是.babelrc,存放在项目的根目录下。使用Babel的第一步,就是配置这个文件。接下来主要是对其主要属性进行说明。

1. parsets (预设)

{
    "parsets": [
        [
            "env",
            {
                "modules": false,
                "targets": ["> 1%", "last 2 version", "not ie <=8 "]
            }
        ],
        "stage-2"
    ]
}

2. Plugins (插件)

{
    "plugins": ["syntax-dynamic-import", "transform-runtime"]
}

上面配置中常用的插件

2.1 syntax-dynamic-import

syntax-dynamic-import插件主要用于解决动态引入模块。

2.2 transform-runtime

为了解决这种全局对象或者全局对象方法编译不足的情况,才出现了transform-runtime这个插件,但是它只会对es6的语法进行转换,而不会对新api进行转换。如果需要转换新api,也可以通过使用babel-polyfill来规避兼容性问题