问题标签 [gulp-babel]

我正在尝试使用gulp-babel，这样我就可以开始在我的 ES5 应用程序中编写一些 ES6 / ES2015 代码。

在我的代码中，问题出在下面：

我最初尝试过这个：

严格模式下的参数名称冲突 (2774:5)

用例（摘要）：

我有几个要读取某个值的文件。我想再次在同一个管道中使用这个值来读出一个文件并注入它。

示例 HTML 文件源：

示例 HTML 文件目标：

我找到了各种模块，但没有适合我的用例。

我遇到了 gulp 问题，在更大程度上，babel 运行速度非常慢。处理 3 个 javascript 文件实际上需要 2-4 分钟。即使我只是运行gulp它似乎至少需要 10 秒才能启动，不知道为什么。

这是我的 gulpfile.js 的相关部分...

这是我的 package.json 文件...

运行gulp scripts后需要4分钟！...

有什么想法为什么这么慢？我对 npm 和 gulp 还很陌生，所以我不确定该怎么做。我在我的家用电脑上设置了另一个 Foundation 项目，它几乎可以立即编译 js。所以我肯定在这台机器上搞砸了。

我有以下 Webpack 配置：

我的项目结构：

我得到的错误：

似乎 resolveLoader 由于某种原因不起作用。

试图删除transform-class-properties插件，我会得到与es2015预设相同的错误。

有什么建议吗？

无论我尝试什么，<div/>都不会转换为类似的东西，React.createClass并且浏览器显然会<在我的代码中第一个阻塞。

我正在使用 gulp，例如：

我试过有无，transform-react-jsx因为我相信react预设也应该转换 jsx？

这是我的.babelrc，但它似乎没有任何区别，我在某处读到，在某些情况下你需要删除它才能工作。试过了，没用。

在我的 package.json 中：

我已经尝试了几乎任何东西，但它并没有改变我的代码

我有一个像这样的简单 javascript 文件：

我已经安装了 gulp 用于转编译目的。这是我的 gulp 文件：

我的 javascript 文件位于“es6”和“public/es6”文件夹中。所以当我运行 gulp 命令时，它应该可以工作，但它给了我这些错误：

我在这里想念什么？

我尝试使用gulp将我的 javascript 代码转换ecm6为ecm5，这没关系。gulp-babel添加require到转换后的代码中，现在我需要在浏览器中使用此代码，并且它是必要browserify的代码。

当我在终端中运行此命令时，它向我显示以下错误：

我能做些什么来解决这个问题？我究竟做错了什么？

PD：谢谢你的帮助。

贾斯特

命令

输出

gulpfile.js

all.js

我对 gulp watch 有一个问题，它在错误后会中断。然后我找到了一个很好的参考来使用水管工，以及它的扩展，gulp-prettyerror。

然后我创建这个gulpfile.js

prettyError 工作得很好。我喜欢。但是这段代码是相当多余的。我仍然需要创建更多模块，这将使我每次创建模块时都复制粘贴任务。所以我决定将其重构为：

现在我已尝试在 上创建错误'./common/modules/squarebook/web/jsx/*.{js,jsx}'，但未显示该错误。似乎 prettyError 只显示最后一个循环中的错误。观察者没有中断，但不显示错误。知道为什么会这样吗？

我想知道循环是否出错。

我正在使用GoranGajic 的react-icons 包（仅适用于 React）。

如果我像导入import * as IO from 'react-icons/io错误一样导入

/Users/boris/WebstormProjects/autralis-sales-new/node_modules/react-icons/io/index.js:1 从'./alert-circled'导出IoAlertCircled；^ ParseError: 'import' 和 'export' 可能只与 'sourceType: module' 一起出现

import * as IO from 'react-icons/lib/io如果我像没有收到错误一样导入，但图标没有显示。所在的 div{IO.IoAndroidFavorite}是空的。

更新

我正在使用 ES6 和 gulp/babel 进行编译。我的 .babelrc 如下：

有什么建议吗？

在 node.js 项目中使用 babel 时，我试图将我的所有文件捆绑到一个转译和缩小的 js 文件中。

我正在使用 gulp-babel 6.1.2 运行 babel，我已经安装了 ES-2015 预设（6.13.2）。

我正在用我的文件和 typeahead 0.11.1 构建一个包，问题是当运行 gulp 任务并通过 babel 管道时，typeahed 功能不起作用（未捕获的 TypeError：无法设置未定义的属性 'Bloodhound'）。如果我再次运行任务，从管道中删除 babel 命令，一切正常。

我知道我可以构建两个单独的包，一个用于我的文件，另一个用于外部文件，但我想知道它为什么会失败。

我的吞咽任务：

我经过一段时间调查后取得的结果（typeahead.js）：

任何帮助将不胜感激，在此先感谢。