首页 > web前端 > js教程 > babel在项目中是如何使用的?

babel在项目中是如何使用的?

零下一度
发布: 2017-06-25 09:37:21
原创
1870 人浏览过

1.手动在项目里创建文件 .babelrc

2.安装

$ npm install --save-dev babel-cli

# ES2015转码规则
$ npm install --save-dev babel-preset-es2015

# react转码规则
$ npm install --save-dev babel-preset-react

# ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个
$ npm install --save-dev babel-preset-stage-0$ npm install --save-dev babel-preset-stage-1$ npm install --save-dev babel-preset-stage-2$ npm install --save-dev babel-preset-stage-3
登录后复制

3.手动修改 .babelrc文件

{"presets": [      "es2015",      "react",      "stage-2"],"plugins": []
  }
登录后复制

4,修改 package.json文件,实现自动化转码,copy的时候请去掉注释

{  "scripts": {"build": "babel src -d dist"  //这句表示把src目录下的文件自动转码到dist目录下,dist目录是自动创建的
  },  
}
登录后复制

4.命令行输入以下命令进行转码

babel src -d dist
登录后复制

 

以上是babel在项目中是如何使用的?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板