了解.babelrc

时间:2018-04-14 22:22:24

标签: webpack babel

我一直在搜索.babelrc中与预设键相关的答案。有人可以向我解释给'env','stage-0','es2015'等意味着什么? 如果我能够了解设置预设的更好方法,那将是很棒的。

1 个答案:

答案 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