babel的使用

Babel 是一个 JavaScript 的编译工具，它可以把一种形式的 JavaScript 转换成另一种形式的 JavaScript 。比如它可以把 es6 的 JavaScript 编译成现在主要浏览器使用的 es5 的 JavaScript 。这样我们就可以从现在开始，使用 es6 提供的一些新功能去创建应用了，然后用 babel 把它变成 es5 的样子。

babel的安装使用及vue中使用

babel webpack vue.js 
cnpm i babel-cli -g  
mkdir course-babel 
npm init
cnpm i babel-cli -D	
cnpm i babel-preset-es2015 -D 编译ES6
cnpm i babel-preset-react -D  编译JSX

常用部分命令及解释

babel example.js -o compiled.js/babel example.js --out-file compiled.js 编译js
babel src --out-dir lib/babel src -d lib 编译src目录到lib目录
package里面scripts里面定义 "名字":"命令" npm run 名字就可以执行里面的命令
可以watch文件 babel src --watch --out-dir lib
babel --help可以查看所有命令

编译ES2015

配置预设

创建.babelrc {
"presets":["es2015"]
}
var fruit =['apple','pen'],
food =[...fruit,'bread'];
console.log(food)

编译react

配置预设

1
2
3

.babelrc{
"presets":["react"]
}