Babel: JavaScript编译工具

1.Babel 安装与删除

#1.卸载
npm uninstall babel-cli --global
#2.安装
cd 到package.json文件目录
执行
npm install babel-cli --save-dev

2.使用 use-babel-cli

创建一个script.js文件

console.log("hello, ninhao.net");

执行

./node_modules/.bin/babel script.js
#输出结果：console.log("hello, ninhao.net");

将结果保存到文件中

./node_modules/.bin/babel script.js --out-file script-compile.js 

编译src整个文件的js文件到lib目录

./node_modules/.bin/babel src --out-dir lib 

监听文件变化 --watch

./node_modules/.bin/babel src --watch --out-dir lib 

停止
control+c 快捷键

3.npm script

babel src --watch --out-dir lib

script.jpg

终端执行 npm run build

4.plugin-and-preset

插件和预设

babel-preset-react

babel-preset

5.preset-es2015

安装
--save-dev 保存到开发依赖中

npm install babel-preset-es2015 --save-dev

创建.babelrc 文件 babel的预设文件

{
   "presets": ["es2015"]
}

//'use strict'

6.preset-react

安装
--save-dev 保存到开发依赖中

npm install babel-preset-react --save-dev

创建.babelrc 文件 babel的预设文件

{
   "presets": ["react"]
}

jsx 转化为 java-script

转载于:https://www.jianshu.com/p/637a28535f8f