折腾:
【已解决】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-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
终于找到了所有的介绍了:
【总结】
还是不完全懂,大概意思是:
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的含义