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
