babel 使用

最新推荐文章于 2024-08-21 08:52:13 发布

Geronimo邈

最新推荐文章于 2024-08-21 08:52:13 发布

阅读量115

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/weixin_43069018/article/details/91129833

版权

javascript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

Babel作用

babel 是一个广泛使用的 es6 转码器，可以将 es6 转为 es5 从而从现有环境中执行

配置文件 .babelrc

设置转码规则和插件

{
	"preset": [ ],
	"plugins": [ ]
}

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

npm@5.2.0 所自带的 npm 包运行器将 ./node_modules/.bin/babel 命令缩短为 npx babel

修改 package.json

{
  "dependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1"
  },
  "scripts": {
    "build": "babel src -d lib"
  }
}

yarn run build

详细代码