最新消息:20210917 已从crifan.com换到crifan.org

【基本解决】babel-loader中preset的各个参数es2015 react stage-0 env的含义

babel crifan 3582浏览 0评论

折腾:

【已解决】npm WARN babel-loader@6.2.10 requires a peer of webpack@1 || 2 but none was installed

期间,参考了很多帖子,结果:

关于babel-preset-xxx有很多

babel-preset-es2015

babel-preset-react

babel-preset-stage-0

babel-preset-env

我需要知道我需要哪个

以及如何设置。

已经从:

Using ES6 and ES7 in the Browser, with Babel 6 and Webpack

看到上面几个的区别了:

# For ES6/ES2015 support
npm install babel-preset-es2015 –save-dev
# If you want to use JSX
npm install babel-preset-react –save-dev
# If you want to use experimental ES7 features
npm install babel-preset-stage-0 –save-dev

但是

babel/babel-loader: Webpack plugin for Babel

的babel-preset-env又是什么鬼

babel preset 含义

Babel 入门教程 – 阮一峰的网络日志

  • babel-preset-es2015:ES2015转码规则,支持ES6/ES2015

  • babel-preset-react:react转码规则,支持React的JSX

  • ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个

    • babel-preset-stage-0

    • babel-preset-stage-1

    • babel-preset-stage-2

    • babel-preset-stage-3

如何区分Babel中的stage-0,stage-1,stage-2以及stage-3(一) – 三块石头 – 博客园

ES2015 & babel 实战:开发 NPM 模块 – 早起搬砖 morning.work

Plugins · Babel

终于找到了所有的介绍了:

【总结】

还是不完全懂,大概意思是:

babel-preset-env取代了:es2015, es2016, es2017, latest

-》换句话说:之前的babel-preset-es2015,就没了,换成了babel-preset-env了。

剩下的其他几个的意思是:

  • babel-preset-react:react转码规则,支持React的JSX

  • ES7不同阶段语法提案的转码规则(共有4个阶段),只能选一个,一般来说都选择babel-preset-stage-0

    • babel-preset-stage-0

    • babel-preset-stage-1

    • babel-preset-stage-2

    • babel-preset-stage-3

根据需要去安装对应的preset即可。

转载请注明:在路上 » 【基本解决】babel-loader中preset的各个参数es2015 react stage-0 env的含义

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
94 queries in 0.195 seconds, using 23.15MB memory