问题标签 [gulp-babel]

我正在尝试让 gulp-babel 工作，因为目前我能够做到这一点的唯一方法是使用 webpack。您可以编写单层脚本非常棒，但是在您开始导入的那一刻，它并不包含该脚本。例如，我会做import $ from 'jQuery';，它在我渲染的 js 中提供的只是：

我期望 jQuery 代码编译到文件顶部的位置。这正是我转向 webpack 的原因，这对于 gulp 轻松处理的大多数其他事情来说是一个更大的球痛！Dev 认为这不是但就像怀孕和分娩一样，它很容易被遗忘，痛苦和心痛导致了奇妙的结果。

有没有人对此有任何建议。

先感谢您 ：-）

我正在尝试使用 gulp-babel 用 Babel 转换一些 ES2015 代码，但 Babel 似乎忽略了我的浏览器列表。Babel 转换了一些现代特性，但并不是针对指定浏览器所需的全部。

在我的最小示例中，我使用Element.remove()并定位 IE 9。然后，由于IE 9 不支持该功能，我希望 Babel 将该行转换为类似Element.parentNode.removeChild(Element). 但这并没有发生，而是我的Element.remove()线路没有改变。

.browserslistrc如果我在文件中输入浏览器列表或完全删除浏览器列表，结果不会改变。

由于这是我第一次尝试转译代码，我想我可能会误认为 Babel 应该做什么。

最小的例子

在我的测试文件夹中，我有一个package.json

和一个gulpfile.js

“src”文件夹中的 ES6 文件script.js是

哪个 Babel（通过 Gulp 任务js）转译到另一个script.js（在“dist”文件夹中）

因此，箭头函数被普通函数替换，const更改为var并将模板文字更改为常规字符串连接，但remove()保持原样。

我在这里做错了吗？还是只是我对巴别塔的期望过高？

如何让 gulp-babel 解析 js 文件的导入。因为现在它在visual studio中运行没有错误，但导入没有解决。是否需要指定要导入的模块的源目录 - 如何在 gulpfile.js 中指定？

gulpfile.js

应用程序.js：

我正在尝试使用命令安装 gulp-babel，npm install gulp-babel但在某些过程中发现以下错误：

完整的Logcat如下：

似乎是什么问题？

目标是将 ES6 脚本转换为 ES5 并使它们在浏览器中可读。这最适用于我的 node.js gulp 任务，但一些脚本使用“导入”，如

我想跳过这个“导入”，更多地从结果中删除这一行。

“gulp-babel”中是否有一个参数来实现这一点，或者有另一个想法以更好的方式实现这一点？

这是我的吞咽任务：

我想创建应该在 ie11 上运行的 Web 组件。我正在用 gulp（和 gulp-babel，包括 babel 7）编译 js。

到目前为止，当我使用 Babel 编译时，它可以在 Chrome 中运行，但在 ie11: 中发送错误Function.prototype.toString: 'this' is not a Function object。

在 gulpfile.js 我有这个：

在js中我有这样的东西（我在网上找到的用于测试的示例代码）：

当然，我<my-custom-tag></my-custom-tag>在 HTML 中添加了。

当代码中有“扩展 HTMLElement”时，Babel 生成的东西会引发错误（如果我没记错的话，Babel 会生成类似“_.isNative”的东西，它使用 Function.prototype.Tostring - 抱歉，我目前在另一台计算机上）我确定我错过了一些愚蠢的东西，但我找不到关于这个错误的任何答案。我尝试添加@babel/plugin-transform-classes、babel-plugin-transform-b​​uiltin-classes，但没有任何效果，它让我发疯。

任何想法？

我正在开发一个 JS 库，我想将所有用 ES6 编写的 javascript 代码转换为 ES5 标准，以便在当前浏览器中获得更多支持。

问题是我想在 Gulp 任务中使用 Babel，所以我已经安装了所有这些 NPM 包 [ package.json]：

接下来我的.babelrc文件有以下内容：

并gulpfile.js写如下：

问题是当我gulp在项目根目录上执行命令时，它不会产生输出文件。控制台显示成功执行，但目录中没有出现任何内容build/js，或者项目的另一个目录中也没有出现。

我也试过没有sourcemaps函数，结果是一样的，什么都没有！！！.

刚开始学习 gulp 并遵循本教程系列：https ://www.youtube.com/watch?v=oRoy1fJbMls&list=PLriKzYyLb28lp0z-OMB5EYh0OHaKe91RV

它在 gulp 3 上完美运行，但在将 npm 更新到当前版本后它崩溃了，我尝试将我的 gulpfile.js 从版本 3 转换为 4，并且在运行 gulp 命令后出现此错误： 以下任务未完成：默认, 您是否忘记发出异步完成信号？我该如何解决这个问题？

这是我的 gulpfile：

这是我运行 gulp 后的错误：

背景

我正在尝试将我的 ES6 js 转换为 ES5 js。当我访问https://babeljs.io/repl网页以测试 babel 应该为预设选项es2015输出什么时，它输出的 JavaScript 与gulp-babel输出的不同。

输入 ES6 JavaScript

babeljs.io输出 ~期望的输出~

gulp-babel输出

⚠️注意gulp-babel输出如何包含诸如_asyncToGenerator&之类的 polyfill 函数asyncGeneratorStep。

为什么在线babel编辑器使用es2015preset的时候不输出这个？

其他有用的文件

下面是我的.babelrc：

下面是我的package.json：

以下是我的js任务gulp：

我想将我的src文件夹编译到我的build文件夹中，但gulp-babel没有创建任何文件，也没有看到任何错误。

日志：

我的 SCSS 文件有一个类似的源和目标，它运行良好，所以据我所知，这不是路径问题。

包.json