babel的使用以及安装配置

首先在项目的目录中生成package.json文件

    npm init --y

 

注意项目目录中不能含有中文名。  --y是生成默认值的package.json，不用的话，在生成过程中会有一大堆问题，我们依次填入就好。

安装babel-cli用于命令行转码

npm install -g babel-cli

babel-cli 需要全局安装 -g代表 -global。需要在项目中也安装babel-cli

npm install --save-dev babel-cli

 

安装转码规则

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

安装完以后想知道是否成功查看package.json中是否生成

 

"devDependencies": {

"babel-cli": "^6.26.0",

"babel-preset-es2015": "^6.24.1"

}

 

配置.babelrc

在跟目录下建立新文件.babelrc

 

{

"presets": [

"es2015"

],

"plugins": [

]

}

其中presets是规则，plugins是插件支持。

接下来就可以转码了用

babel  原文件.js -o 转换文件.js。-o表示out-file 写入文件。

每次转码都需要打很多东西，我们可以直接再package.json中修改

 

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1"

},

"scripts": {

"build": "babel src/index.js -o dist/index.js"

},

项目根目录下创建好src/index.js和dist/index.js   

src/index.js中写入例子

npm run build转码后dist/index.js中代码输出为

原文转自于：https://blog.csdn.net/s15085276473/article/details/79419580