首先需要下载node.js,因为它里面集成了npm,方便,这样就是安装成功了
使用的编译器是 vscode。
然后就可以开始搭建了,先建立一个项目的目录,并在目录下边建立两个文件夹:src,dist文件夹和index.html和.babelrc文件
dist用来存放转换后的js文件,src存放我们写的es6语法的文件
.babelrc
{
"presets": [
"es2015"
],
"plugins": []
}
index.html
然后就可以编写index.js文件了
let
a =
1;
const
b =
2
alert(
a+
b);
npm
init
-
y
|
-y表示默认,如果想自己设置参数,可以去掉-y
全局安装Babel-cli
npm install -g babel-cli
本地安装babel-preset-es2015 和 babel-cli
npm install --save-dev babel-preset-es2015 babel-cli
现在可以在终端输入的转换命令了,这次ES6成功转化为ES5的语法。
babel
src
/
index
.js
-
o
dist
/
index
.js
|
"scripts": {
"build":
"babel src/index.js -o dist/index.js"
}