配置巴别塔
编辑该页面警告:你浏览的文档欧宝官网下载appob娱乐下载Symfony 6.0,不再维护。
读这个页面的更新版本Symfob娱乐下载ony 6.3(当前的稳定版本)。
配置巴别塔
巴别塔自动配置为所有吗. 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日22日23日
/ / webpack.config.js/ /……再来一个/ /…….configureBabel (函数(babelConfig){/ /添加额外的预设babelConfig.presets.push (“@babel / preset-flow”);/ /没有插件添加默认情况下,但是你可以添加一些babelConfig.plugins.push (“styled-jsx /巴别塔”);},{/ /默认node_modules不是通过巴别塔处理/ /但是你可以允许一些具体模块处理includeNodeModules:【“foundation-sites”),/ /或排除规则(请注意,您完全控制/ /不能使用“includeNodeModules”和“排除”/ /同时)排除:/ bower_components /});
配置浏览器的目标
的@babel / preset-env
预设重写你的JavaScript,因此期末语法在任何你想要的浏览器中工作。你需要支持配置浏览器,看到的PostCSS和autoprefixing (postcss-loader)。
改变你的“browserslist”配置之后,您将需要手动删除巴贝尔缓存目录:
1 2
#在Unix上运行这个命令。在Windows上,手动清除这个目录美元rm射频node_modules / .cache / babel-loader /
创建一个.babelrc
文件
而不是打电话configureBabel ()
,你可以创建一个.babelrc
项目文件的根源。这是一个更“标准”的方式配置巴别塔,但是它有一个缺点:尽快.babelrc
文件存在,安可再也不能为你添加任何巴别塔配置。例如,如果您的电话Encore.enableReactPreset ()
,反应
预设会不自动添加到巴别塔:你必须添加它自己.babelrc
。
一旦.babelrc
文件存在,它将优先于巴别塔配置添加安可。
这项工作,包括代码示例,许可下Creative Commons冲锋队3.0许可证。