Rumah >hujung hadapan web >tutorial js >babel在项目中是如何使用的?
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
Atas ialah kandungan terperinci babel在项目中是如何使用的?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!