Webpack 理解,上帝抵抗委员会
我一直在搜索与.babelrc中的预设键相关的答案。有人能给我解释一下“env”、“stage-0”、“es2015”等是什么意思吗?Webpack 理解,上帝抵抗委员会,webpack,babeljs,Webpack,Babeljs,我一直在搜索与.babelrc中的预设键相关的答案。有人能给我解释一下“env”、“stage-0”、“es2015”等是什么意思吗? 如果我能知道设置预设的更好方法,那就太好了 所以我读了一些书,这里是我要知道的 在您的网页包中,当babel loader用作.jsx文件的转换器时,它将调用您的.babelrc文件。在网页包中,您可以使用options属性将选项传递给加载程序。 此加载器还支持其他加载器特定选项: 1) 缓存目录 2) 缓存标识符 3) 巴别塔 谈到babelrc,babel
如果我能知道设置预设的更好方法,那就太好了 所以我读了一些书,这里是我要知道的 在您的网页包中,当
babel loader
用作.jsx
文件的转换器时,它将调用您的.babelrc文件。在网页包中,您可以使用options属性将选项传递给加载程序。
此加载器还支持其他加载器特定选项:
1) 缓存目录
2) 缓存标识符
3) 巴别塔
谈到babelrc,babel loader
从.babelrc文件中拾取选项,如果它设置为true(默认),否则它将被忽略
为了便于浏览器理解,Babel充当了jsx和es6代码的传输工具。
使用预设选项,您可以告诉巴贝尔如何理解。这是通过在.babelrc
中提供预设来实现的
以下是需要了解的重要预设:
1) es2015:将es2015编译为ES5。这将允许巴贝尔传输ES2015的所有功能,如果在我们的文件中存在的话。
2) react:将JSX转换为createElement调用。
3) env:包含所有年度预设,因此用户无需单独指定每个预设。目前包括es2017、es2016、es2015。
4) 最新版本:由于它与env相同,因此现在不推荐使用
如果要保持最新,请使用es6的env
预设
参考:,
预设会告诉巴贝尔应该使用哪些功能,例如,这里是es2015预设与完整功能集的链接:这可能会引导您走向正确的方向?