配置巴别塔
编辑该页面配置巴别塔
巴别塔自动配置为所有吗. 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许可证。
TOC
版本
版本:
