问题标签 [gulp-babel]

我在用 gulp 编译反应 jsx 代码时遇到问题。这是我的gulpfile.js样子——

在我的包 json 文件中

当我输入 es2015 代码时，它会转换。但是 jsx 代码没有转换。

我正在尝试编译以下代码 -

但它只符合 es6 代码而不是 jsx

我也尝试过使用 webpack，发现它babel-preset-react可以正常工作，但gulp-babel不能。以前我使用另一个 gulp 工具进行编译，但这次我想使用 gulp-babel 但似乎它没有按预期工作。

任何形式的帮助都将受到高度赞赏。

gulpfile.js

.babelrc

使用 gulp-babel 将 es6 转换为 es5 然后得到错误：未捕获的 ReferenceError：未定义要求。我尝试配置 .babelrc

但仍然得到错误定义未定义。那么如何让 es6 转换 es5 可以在浏览器中正常使用呢？

我想要完成的事情

我正在尝试使用 ES6 或至少使用模块模式使客户端的 Javascript 代码面向对象。

我意识到这意味着它需要转译，并且因为我已经在使用 gulp 执行其他任务，所以我试图让 Gulp 为我自动转译。

免责声明

我什至不是我正在尝试做的事情，甚至不可能像我正在做的那样，所以请随意告诉我这是不可能的。

Gulp 文件

在哪里config.js.src = src/js/app.js和config.js.dest = public/js

src/js/app.js

src/js/table/Rest.js

概括

我正在尝试的似乎不起作用。我得到一个缩小的 js 文件public/app.js，其中包含似乎是requirees5 的解决方法，但其中不包含任何实际代码。（我对文件中的单词test进行了搜索，以确定是否将console.log其放入文件中）

附加信息

gulpfile.js 变量：

我创建了一个简单的 Gulp 任务来检查我的 ES6 文件中的更改。我想转换它们并在出现问题时显示错误消息。

正在显示错误屏幕。但是，当一切都成功时，我想显示不同的信息。我尝试了该.on('end')方法，但是当出现一些错误时也会调用该方法。

我当前的 Gulpfile 如下所示：

任何想法如何实现这一目标？

我正在将现有的 Aurelia 应用程序从 JSPM/SystemJS 移植到 Aurelia CLI。

我无法获得babel-runtime和相关的转换来工作au build。我认为问题是由于babel-runtime所需的依赖关系aurelia.json- 我无法弄清楚它应该是什么，目前它看起来如下所示：

我有以下（相关的）devDependencies：

和（相关）依赖项：

我的.babelrc：

在au build我得到以下类别的错误：

可以在 Aurelia CLI 应用程序中成功设置的人提供babel-runtime帮助吗？

更新

我已经设法通过列出它似乎引用的所有babel-runtime和依赖项来使构建工作......这是正确的方法吗？core-js

但是我现在看到来自 require 的运行时错误，这似乎表明我的依赖项没有以正确的顺序加载

有人能帮忙吗？

我在丑化我的 js 文件之前使用了“gulp-babel”。该模块阻止缩小，因为第三方 js 脚本不是“严格模式”编译器。

结果我得到一个错误，因为 js 文件不是严格模式编译器：

我不想修改该第三方文件以使其符合严格模式。如何禁用对该文件或其他类似文件的检查？

刚才由于那种文件，缩小被阻止了......

我试过了

• 安装“transform-remove-strict-mode”插件，然后执行

  /li>

• 我也试过

  /li>

但输出仍然是一样的......

我想在 WebStorm 2017 中安装gulp-babel和babel-preset-es2015在我的项目中，但是在我安装它们之后，node_modules在 WebStorm 中重新打开项目非常慢。我已经排除了node_modules这样的：

我不能使用 babel 来转换 ES6 文件。WebStorm 变得非常缓慢并且卡住了。

我想删除 babel-preset-env 在 babel 6.x 中添加的全局“使用严格”。

我阅读了关于 es2015 的另一篇文章。

我尝试了以下 .babelrc 配置，但无济于事：

我不想像其他帖子为 es2015 建议的那样编辑 node_modules 中的实际文件。这是一个相当黑客，不会持续存在。

到目前为止唯一的解决方案是使用 gulp-iife 来包装每个文件。真的没有办法在我的 .babelrc 文件中传递一个选项来禁用它吗？

'env' 中的哪个插件甚至可以做到这一点？

谢谢

我正在尝试将我的 ES6 模块导入文件并运行 Gulp 来连接和缩小文件。我遇到了ReferenceError: require is not defined at all.js(transpiled) line no 3。我已经使用 gulp-babel 编译了代码。

我的js文件是：

购物车.js：

应用程序.js：

gulpfile.js：

app.js（转译）：

我正在用 gulp-babel-minify 缩小代码，我得到一些像这样的错误

新更新

最后我在缩小后得到错误，这是来自 app.js 的代码：

那么那里的代码真的有错误吗？那怎么处理Uncaught Error: [$injector:unpr] Unknown provider: aProvider <- a <- $http <- $templateFactory <- $view <- $state？？