Maison  >  Article  >  interface Web  >  Comment Babel est-il utilisé dans le projet ?

Comment Babel est-il utilisé dans le projet ?

零下一度
零下一度original
2017-06-25 09:37:211850parcourir

1. Créez manuellement le fichier .babelrc dans le projet

2. Installez

$ 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. Modifiez manuellement le fichier .babelrc

{"presets": [      "es2015",      "react",      "stage-2"],"plugins": []
  }

4. Modifiez le fichier package.json pour obtenir un transcodage automatique. Veuillez supprimer les commentaires lors de la copie

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

4. commande sur la ligne de commande Transcode

babel src -d dist

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn