Web前端 - babel 使用

Web前端 - babel 使用

http://babeljs.io/

babel 用来转化es2015…reactjs等语法为es5语法 适应当前浏览器 就是一个语法的转化工具！

使用babel 要先安装 babel-cil

npm install –save-dev babel-cli

1、npm install --save-dev babel-cli
2、npm install --save-dev babel-preset-es2015 安装es2015转化插

件！必须! babel-cil只是一个母体

3、写配置文件，在根目录创建 .babelrc

{
  "presets": ["es2015"]
}

以后如果有babel相关要引用的文件 那么直接 在数组里加内容就可以了。

{
  "presets": ["es2015","XXXX"]
}

编译并输出 If you would like to output to a file you may use –out-file or -o.

$ babel script.js --out-file script-compiled.js

注意 如果 babel-cil没有使用全局安装 那么就不能在命令行里直接使用babel命令 要借助 npm

方法：

在package.json里配置 script: “b”:”babel daichen.js” 然后命令行里 npm rub b即可