配置巴别塔

编辑该页面

警告:你浏览的文档欧宝官网下载appob娱乐下载Symfony 4.1,不再维护。

这个页面的更新版本Symfob娱乐下载ony 6.2(当前的稳定版本)。

配置巴别塔

巴别塔自动配置为所有吗. js.jsx文件通过babel-loader(如具有合理的默认值@babel / preset-env@babel / preset-react如果要求)。

需要进一步扩展巴别塔的配置吗?最简单的方法是通过configureBabel ():

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
/ / webpack.config.js/ /……再来一个/ /…….configureBabel (函数(babelConfig){/ /添加额外的预设/ / babelConfig.presets.push (' @babel / preset-flow ');/ /没有插件添加默认情况下,但是你可以添加一些/ / babelConfig.plugins.push (“styled-jsx /巴别塔”);},{/ /默认node_modules不是通过巴别塔处理/ /但是你可以白名单具体模块的过程/ / include_node_modules (“foundation-sites”):/ /或完全控制排除/ /排除:/ bower_components /});

配置浏览器的目标

@babel / preset-env预设重写你的JavaScript,因此期末语法在任何你想要的浏览器中工作。你需要支持配置浏览器,看到的PostCSS和autoprefixing (postcss-loader)

改变我们的“browerslist”配置之后,您将需要手动删除巴贝尔缓存目录:

1 2
美元在Unix上运行这个命令。在Windows上,手动清除这个目录美元rm射频node_modules / .cache / babel-loader /

创建一个.babelrc文件

而不是打电话configureBabel (),你可以创建一个.babelrc项目文件的根源。这是一个更“标准”的方式配置巴别塔,但是它有一个缺点:尽快.babelrc文件存在,安可再也不能为你添加任何巴别塔配置。例如,如果您的电话Encore.enableReactPreset (),反应预设会自动添加到巴别塔:你必须添加它自己.babelrc

一旦.babelrc文件存在,它将优先于巴别塔配置添加安可。

这项工作,包括代码示例,许可下Creative Commons冲锋队3.0许可证。