babel7 安装_Babel 7 项目升级实战

前言

Babel可以说是目前前端工程中必备的一款工具链（除非你还在用ES6以前的语法），主要用于在旧的浏览器或环境中将 ECMAScript 2015+ 代码转换为向后兼容版本的JavaScript代码。Babel 7 已于2018年8月份正式发布，其中更新了很多的用法和内容，使得几乎要重新安装NPM包和配置Babel文件。这篇文章详细的介绍了如何从Babel 6以前的版本升级成Babel 7，项目以React项目为例子，希望能够对大家有帮助。

开始

我们项目中的Babel配置文件放在了.babelrc文件中，Babel官方如是说：

You want to programmatically create the configuration?
You want to compile node_modules?
babel.config.js is for you!
You have a static configuration that only applies to your simple single package?
.babelrc is for you!

大致意思就是如果你的配置文件很简单，那么使用.babelrc就可以了，但是如果你想要更加灵活的动态配置项，那么使用babel.config.js更加合适。这里选择将.babelrc改为babel.config