我一直在搜索.babelrc中与预设键相关的答案。有人可以向我解释给'env','stage-0','es2015'等意味着什么? 如果我能够了解设置预设的更好方法,那将是很棒的。
答案 0 :(得分:2)
所以我做了一些阅读,这就是我所知道的。
在您的webpack中,当babel-loader
用作.jsx
文件的转换器时,它会调用您的.babelrc文件。在您的webpack中,您可以使用options属性将选项传递给加载程序。
此加载器还支持其他特定于加载器的选项:
1)cacheDirectory
2)cacheIdentifier
3)babelrc
谈论babelrc,babel-loader
从.babelrc文件中选择选项,如果设置为true(默认情况下),否则将被忽略。
Babel充当jsx and es6 code
的转录器,用于浏览器的理解。
使用预设选项,您可以告诉babel如何理解。这是通过在.babelrc
中提供预设来完成的。
以下是重要的预设知识:
1) es2015 :将ES2015编译为ES5。如果出现在我们的文件中,这将允许babel转换ES2015的所有功能。 2) 反应 :将JSX转换为createElement调用。 3) env :包含所有年度预设,因此用户无需单独指定每个预设。它目前包括es2017,es2016,es2015。 4) 最新 :现在已弃用,因为它与env相同。
如果您想保持最新状态,请使用es6的env
预设。
参考:https://babeljs.io/docs/, https://github.com/babel/babel-loader