(1)先全局安装babel-cli,输入命令cnpm install babel-cli -g
(2) 进入项目目录npm init初始化一个package.json文件
(3) 项目目录依赖安装 cnpm install --save-dev babel-cli
(4) es6文件里新建配置文件.babelrc
(5) 复制代码 { "presets": [], "plugins": [] }到.babelrc 里
(6) 输入npm install --save-dev babel-preset-es2015(安装es2015依赖项)
将“es2015”加入到.babelrc,如{ "presets": [“es2015”], "plugins": [] }
(7) 输入babel -V(大写)检测是否安装成功;
常用编译命令:
(1)转换es6.js文件并在当前命名行程序窗口中输出
babel es6.js
(2)将es6.js转换后输出到es5.js文件中(使用 -o 或 --out-file )
babel es6.js -o es5.js
babel es6.js --out-file es5.js
(3)实时监控es6.js一有变化就重新编译(使用 -w 或 --watch )
babel es6.js -w --out-file es5.js
babel es6.js --watch --out-file es5.js
(4)编译整个src文件夹并输出到lib文件夹中(使用 -d 或 --out-dir )
babel src -d lib
babel src --out-dir lib
(5)编译整个src文件夹并输出到一个文件中
babel src --out-file es5.js
(6)直接输入babel-node命令,可以在命令行中直接运行ES6代码
babel-node