问题标签 [babelify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
726 浏览

javascript - 我缺少哪些 Babelify 预设/插件来解析此代码?

我正在使用实现Browserify-Rails的 Rails 4.0 项目来实现Babelify

在我的本地和远程 Beta 服务器上,一切似乎都很顺利。但是当我部署到生产环境时,如果某些文件中有require("").

我原来的设置是这样的:

这使它跳过了包含此行的文件:

这需要在这里领先:

我猜也许我在这里使用了几个 ES2015 以上的 JS 样式

所以我继续玩配置,添加增量,并更新到 ES2017。这让我通过了那个破碎的文件。我的新配置如下所示:

但这让我在另一个文件中达到这一行:

加载这个(请注意,以下文件已被解析和翻译得很好):

我很好奇是否有任何我可能会丢失的 Babelify 插件/预设来完成这项工作。

0 投票
1 回答
383 浏览

babeljs - 带有 Babelify 7 和 browserify 的 ES7 Mobx 装饰器,意外令牌 @

尝试将 Mobx 装饰器与 Babelify 7.3.0 和 Browserify 14.4.0 一起使用。诚然,这是非常新的,这是该堆栈的第一次设置。从 babel 获取装饰器的语法错误。

这是有问题的代码

这是我的构建系统:

最后是我的 .babelrc,我确认它可以被 babel 正确读取。

0 投票
1 回答
106 浏览

angularjs - AngularJs 测试混合 ES6 和 ES5 代码库

我最近开始为 AngularJs1.x 使用 ES6 编码风格。代码库包含 ES6 风格编码和 ES5 风格编码。也想对测试规范使用 ES6 样式编码。需要帮助了解需要在 Karma、量角器 Grunt/Gulp 文件中进行哪些配置更改以支持 ES6 样式编码以及继续支持现有的旧样式规范代码。

0 投票
0 回答
316 浏览

ecmascript-6 - 使用带有 babelify 的 browserify 时出错“'import' 和 'export' 可能仅适用于 'sourceType: module'”

我越来越Error: Parsing file app.js: 'import' and 'export' may appear only with 'sourceType: module' (1:0)

在将 gulp 与 browserify 和 babelify 一起使用时

我只遇到一个特定的导入vue-masked-input的问题

我的吞咽任务看起来像这样

我尝试了一些我在网上找到的建议,包括:

  • presets: [["es2015", {modules: false}]],
  • sourceType: 'module',(在 babelify.configure 下)
0 投票
0 回答
280 浏览

node.js - 为什么我在启动我的 react 应用程序时无法导入我的 main.jsx 文件?

这是我尝试制作的第一个反应应用程序,但我遇到了这个错误。文件结构似乎是正确的,也是我的起点。请帮我弄清楚为什么它找不到 main.jsx 模块。

文件结构

索引.html

列表.jsx

Listitem.jsx

主.jsx

包.json

我使用npm start在我的终端上运行它,我的终端上的错误是这样的:

0 投票
2 回答
1367 浏览

gulp - 错误:使用 browserify + babelify 找不到模块

我似乎让 React 和 ReactDOM 与 Browserify 一起工作得很好,但是当我尝试在同一目录中导入/需要我自己的模块时,显然找不到它!

错误

入口.jsx

测试.jsx

gulpfile.js

从我收集的内容来看,我的 gulpfile.js 应该设置正确。所以也许我只是在一个我没有看到的初学者陷阱中? - 我将不胜感激任何帮助。

0 投票
1 回答
478 浏览

javascript - gulp 文件 babelify 任务

我有点迷失尝试使用 babelify 所以我可以在我的项目 ES6 中使用。我应该在 scrips-app 部分使用它。谁能帮我?我该如何实施?因为在我在互联网上找到的所有示例中,都有不同的实现。

gulpfile.js

我应该添加到 gulpfile.js 的 Babelify 任务

gulp.config.js

0 投票
0 回答
151 浏览

gulp - 在 babel 不工作之前 gulp 中的 browserify

所以我正在尝试使用 babelify 但我无法让它工作?我错过了什么吗?在示例中,这是我的任务之一。我添加了 babelify,它运行良好,现在我需要添加 browserify。谢谢!

这是我运行任务时得到的错误日志,显然我做错了什么

0 投票
1 回答
142 浏览

javascript - 我有一个 GULP 任务文件,用于使用 babelify 用 JSX 代码编译 js 文件,但不能正常工作

我有一个带有反应的项目,我已经安装了 babelify,还有 gulp,当我使用 gulp 命令时,它可以完美运行并生成我的输出文件,但是如果我将 JSX 代码添加到我的 app.js 文件中,向我发送以下错误:

好像我没有安装 babelify,但是已经用 npm 安装了

npm install --save-dev babelify

并吞下

npm install --global gulp

我的 app.js 文件有以下代码:

我的 gulp 文件是下一个...

非常感谢您的帮助!

0 投票
2 回答
80 浏览

webstorm - Browserify + WebStorm 调试中断了 React-Router v4 BrowserRouter 中的路由

我正在使用 React 编写一个用于教育目的的单页应用程序。我的 React-Router v4 BrowserRouter 在 CodeSandbox 上正确处理客户端路由,但不是在本地处理。在这种情况下,本地服务器是 webstorm 内置的 devserver。HashRouter 在本地工作,但 BrowserRouter 不工作。

正常运行:https ://codesandbox.io/s/j71nwp9469