配置巴别塔

编辑本页

警告:您正在浏览的文档欧宝体育电话欧宝娱乐app下载地址Symfony 5.2,现已不再维护。

本页的更新版本用于Sy欧宝娱乐app下载地址mfony 6.2(当前稳定版本)。

配置巴别塔

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

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

12 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
/ / webpack.config.js/ /……再来一个/ /…….configureBabel (函数babelConfig{//添加额外的预设babelConfig.presets.push (“@babel / preset-flow”);//默认不添加插件,但你可以添加一些babelConfig.plugins.push (“styled-jsx /巴别塔”);}, {// node_modules默认不通过Babel处理//但是你可以允许某些特定的模块被处理includeNodeModules:【“foundation-sites”),//或完全控制排除规则(请注意,您的//不能同时使用inclenodemodules和exclude//同时)排除/ bower_components /});

配置浏览器目标

@babel / preset-envpreset重写JavaScript,以便最终的语法可以在您想要的任何浏览器中工作。若要配置需要支持的浏览器,请参见PostCSS和自动重固定(PostCSS -loader)

修改browserslist配置后,你需要手动删除babel缓存目录:

1 2
#在Unix环境下执行此命令。在Windows操作系统下,手动清除此目录Rm -rf node_modules/.cache/babel-loader/

创建一个.babelrc文件

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

一旦.babelrc文件存在时,它将优先于由Encore添加的Babel配置。

此工作,包括代码示例,是根据创作共用BY-SA 3.0许可证。