一.ES6环境搭建
1.首先安装babel-cli（用于在终端使用babel）
npm install babel-cli -g
2.进入某个项目根目录，安装babel-cli和babel-preset-es2015
npm install babel-cli babel-preset-es2015 --save-dev
注：Babel5版本默认包含各种转换插件，然而Babel6.x相关转换插件需要自己下载，如transform-es2015-arrow-functions、transform-es2015-classes等，而ES2015 preset包含了所有插件。如果不安装任何插件，那么在命令行进行转换是没有任何效果的！
3.配置编译规则
项目根目录下新建文件.babelrc（注意，以点开头的文件是隐藏文件，需要在linux环境通过命令创建），配置如下：
{
"presets": [
"es2015"
],
"plugins": []
}
4.执行命令：babel es6.js -w -o es5.js或在package.json文件中设置"scripts": {"build":"babel src/main.js -w -o build.js"}，然后执行npm run build，实现自动编译
网友评论