10得票1回答
Babel / preset-env:有关为运送Polyfill设置目标环境的混淆

我正在学习如何使用@babel/preset-env为我们的客户提供所需的浏览器 polyfill。我的理解是,如果访问网站的客户端是目标环境之一,Babel 将发送 polyfill 下来。似乎有两种指定目标环境的方法:1. browserlist 2. targets 选项,例如 { "p...

8得票2回答
如何使用KARMA对React JSX ES6代码进行单元测试?

我用ES6写了我的React应用程序。现在我也想使用ES6编写我的测试。因此,这里的挑战是配置karma。 与谷歌一起,我已经通过karma.config.js做到了这一点(我省略了相同的配置文件部分!): ... files: [ '../node_modules/karma-bab...

29得票3回答
使用 Visual Studio Code 调试器时如何配置 Jest 的源映射

我正在使用React Native编写一个应用程序,并希望能够使用jest框架测试我的代码,并使用Visual Studio Code编辑器调试程序以设置断点。我目前遇到的问题是,无论我如何运行调试器,无论是通过生成新实例还是附加它,都似乎无法从Babel获取源映射。我已经尝试了在.babel...

42得票10回答
在同构的React组件中导入CSS文件

我有一个用ES6编写组件,通过Babel和Webpack进行转义的React应用程序。 在某些地方,我想在具体组件中包含特定的CSS文件,就像react webpack cookbook中建议的那样。 然而,如果在任何组件文件中我需要静态的CSS资产,例如: import '../ass...

20得票1回答
Vue CLI 3不会将供应商转换为ES5

我们有一个vue-cli 3项目。它运行良好,编译也没有问题。 事实上,我们必须支持仅支持ES5代码的旧浏览器。 在该项目中,我们集成了一些以ES6编写的外部库(例如“reconnecting-websocket”)。 问题是 在将这些外部代码与我们的项目一起编译后,vue-cli生成...

17得票1回答
.babelrc中的ignore字段似乎被忽略了。

在项目的根目录下,我有一个.babelrc文件:{ "presets": ["es2015"], "ignore": [ "src" ] } 当我使用babel src --out-dir dist进行编译时,src文件夹仍会被编译到dist文件夹中。 但是,当我使用命令...

69得票10回答
DOMContentLoaded事件中的代码无法工作

我已经使用过<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <button type="button" id="bu...

7得票1回答
如何覆盖 Babel 的预设插件选项

我正在使用 babel-preset-react-app,并且通过以下 .babelrc 进行配置: { "presets": ["react-app"], "plugins": [ "transform-es2015-modules-commonjs", "tran...

7得票1回答
如何在Node.js中同时使用ES6导入和CommonJS导入?

我看到了一些关于如何在Node.js中使用Babel来使用ES6导入的教程,但是CommonJS导入不起作用。我希望在Node.js(Express.js)中同一个文件中使用ES6导入和CommonJS导入。 main.js const jsdom = require("jsdom"); ...

14得票3回答
使用Traceur或Babel的Maven插件,将ES6转译为ES5

在maven项目中,使用traceur或Babel(以前称为6to5)将ECMAScript6代码转译为ECMAScript5,是否已有首选方法?我已经在网络上搜索过了,但没有找到任何成功的方法。