Babel
本话题发布Babel相关的问答文章和技术分享，将持续更新，为您推荐了20篇问答，访问即可查看更多精彩内容。
-
1
回答
38浏览
Babel 转译后为什么每个文件都重复注入 helper 函数？
我用 Babel 转译 React 项目时，发现每个文件里都重复生成了像 _classCallCheck、_createClass 这样的 helper 函数，导致打包体积变大。明明配置了 @babe...
-
2
回答
43浏览
@babel/preset-env 没有按 browserslist 转译 async/await 是怎么回事？
我项目里用了 async/await，browserslist 配置了要兼容到 IE11，但打包后代码里还是原样的 async/await，没被转成 generator。是不是 preset-env ...
-
2
回答
32浏览
Babel 转换后为什么箭头函数没变成普通函数？
我用 Babel 把 ES6 代码转成 ES5，但发现箭头函数还是原样保留，没变成 function 形式。 我的 .babelrc 配置是这样的： { "presets": ["@babel/pre...
-
1
回答
33浏览
Babel CLI 转译后代码没变化是怎么回事？
我用 Babel CLI 转 ES6 代码，但输出的文件和源文件一模一样，根本没转成 ES5。我装了 @babel/core 和 @babel/cli，还配了 .babelrc 文件，里面写了 pre...
-
2
回答
69浏览
Babel 转译 React JSX 时报错 Unexpected token，怎么回事？
我刚搭了个新项目，用 Babel 处理 React 代码，但一跑构建就报“Unexpected token”错误，指向 JSX 的尖括号。明明装了 @babel/preset-react，也配进去了，...
-
1
回答
34浏览
Babel预设配置后Vue组件还是报语法错误？
我用Vue 3写了个组件，本地开发没问题，但打包时Babel报错说不识别可选链操作符（?.）。明明已经装了@babel/preset-env，难道还要额外配什么？ 这是我的组件代码： <temp...
-
2
回答
45浏览
Babel自定义插件怎么处理CSS-in-JS里的样式对象？
我写了个Babel插件想转换CSS-in-JS的对象写法，但不确定怎么准确识别和修改这种结构。比如下面这种写法： const styles = { color: 'red', fontSize: '1...
-
1
回答
54浏览
Babel自定义插件怎么处理CSS-in-JS里的样式对象？
我最近在写一个Babel插件，想自动给CSS-in-JS的对象加前缀，比如把color: 'red'变成WebkitColor: 'red'。但我发现访问到的AST节点是ObjectExpressio...
-
2
回答
48浏览
Babel 配合 core-js 为啥没按预期 polyfill Promise？
我用 Babel + @babel/preset-env 搭配 core-js@3 做兼容处理，目标浏览器包括 IE11。明明代码里用了 Promise，但打包后没看到自动注入的 polyfill，I...
-
2
回答
29浏览
Babel CLI 转换后 CSS 变量失效了？
我用 Babel CLI 编译项目时，发现原本能正常工作的 CSS 自定义变量突然不生效了，是不是 Babel 动了我的 CSS？我明明只配置了 JS 的 presets 啊。 这是我的一段 CSS ...
-
1
回答
33浏览
@babel/preset-env 没有转译可选链操作符？
我用的是 Babel 7，配置了 @babel/preset-env，但代码里的可选链（?.）在打包后居然没被转译，低版本浏览器直接报错。我的 browserslist 配置明明包含了不支持这个语法的...
-
2
回答
59浏览
Babel 配置 corejs 时报错怎么解决？
我在项目里用 Babel 转译代码，想用 core-js 做 polyfill，但一跑就报错说找不到 core-js 的版本。我明明装了 core-js@3，也在 babel.config.js 里写...
-
2
回答
20浏览
@babel/preset-env 没有转译箭头函数，是我配置错了吗？
我在项目里用了 @babel/preset-env，但打包后的代码里还是有箭头函数，低版本浏览器直接报错。我明明设了 targets 啊，是不是哪里没配对？ 这是我的 .babelrc 配置： { &...
-
2
回答
50浏览
Babel配置中设置targets时，为什么指定了浏览器版本却没转译某些语法？
我在项目里用Babel配置了targets为"chrome 90"，但发现代码里的箭头函数() => {}仍然没被转译。明明用的是Chrome 80测试时会报错啊，这是怎么回事？ 尝试过在.ba...
-
2
回答
67浏览
Babel配置中如何同时支持ES模块和CommonJS？
我在升级项目Babel配置时遇到了问题。之前用@babel/preset-env默认配置没问题，但今天想让代码同时兼容ES模块和CommonJS时，打包后出现Unexpected token 'exp...
-
2
回答
37浏览
配置了@babel/preset-react为什么还是报JSX语法错误？
刚在React项目里用Babel转译JSX，虽然装了@babel/preset-react，但编译时还是报Unexpected token错误。我的.babelrc配置是这样的： { "presets...
-
2
回答
167浏览
为什么配置了Babel Presets后箭头函数没被转译？
在Vue项目里安装了@babel/preset-env，配置了.babelrc文件，但箭头函数还是没被转译成普通函数。试过更新Babel版本，检查过浏览器列表配置，打包后代码里箭头函数还是原样，控制台...
-
2
回答
53浏览
Babel插件遍历React组件时如何修改props默认值？
我在用Babel插件处理React组件时遇到问题，想通过AST修改组件默认props，但总报错。比如这个组件： class MyComponent extends React.Component { ...
-
2
回答
90浏览
Babel配置useBuiltIns时为什么样式变量会冲突？
我在项目里同时用了@babel/plugin-transform-runtime和@babel/plugin-proposal-class-properties，把useBuiltIns设成"usag...
-
2
回答
72浏览
为什么我的Babel配置中的browserslist设置没生效？
我在项目根目录设置了.browserslistrc指定兼容IE11，但打包后的代码里还是有箭头函数报错。已经检查过配置文件路径没问题，也删了node_modules和.lock文件重装了，babel-...
