之前了解过babel转码器,但没去学习过。今天试着去安装使用!其中也遇到了很多问题,第一个就是对node命令太过于陌生!node多少还得了解一点!
首先下载安装node,npm程序会随着node的安装默认安装!(官网下载即可)
1 进入项目文件夹!
2 使用npm init -y
(创建生成package.json文件)
3我这里是在项目文件夹里面添加转换器!命令是 npm install --save-dev babel-cli
(建议不要再全局下载,每个包对转码规则可能不一样。)
4 继续输入 npm install babel-preset-es2015 --save-dev
命令等待安装。
5 观察package.json中的文件是否有
{
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-preset-es2015": "^6.24.1"
}
这个字段。出现则代表下载成功。
6 安装完成后在项目根目录下添加配置文件.babelrc往里面添加如下代码:
{
"presets": [
"es2015"
],
"plugins": [
]
}
7 改写package.json中的文件,{
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-preset-es2015": "^6.24.1"
},
"scripts":{
"build":"babel demo.js --out-file bunder.js"
}
}
执行命令npm run bulid
即可转换成功