码迷,mamicode.com
首页 > 其他好文 > 详细

babel在项目里的使用

时间:2017-06-23 13:01:49      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:color   bsp   安装   规则   手动   babel   输入   令行   npm   

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在项目里的使用

标签:color   bsp   安装   规则   手动   babel   输入   令行   npm   

原文地址:http://www.cnblogs.com/cynthia-wuqian/p/7069110.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!