问题标签 [babel-cli]

我的目标是在命令行上运行包含 console.log 语句的 ES6 JavaScript 代码，以帮助在与我的 React Native 应用程序集成之前调试代码。此代码仅包含 JS 函数。

这是我尝试过的：

我收到以下运行时错误：

我曾经有过这个工作。

我错过了什么？

我在尝试使用带有预设“ es2015 ”和“ stage-2 ”的“ babel-cli ”编译一些 es6 代码时收到错误消息“意外令牌导出”。我正在尝试从“ test.js ”文件中导出一个函数并将其导入“ index.js ”文件，但由于某种原因它不接受“ test.js ”中的“ export ”。

每个模块都安装在本地，因此我使用“build: babel server/index.js -o server/index.babel.js”从 package.json“脚本”运行它。

我的“ .babelrc ”文件包括：

测试.js：

index.js：

index.js：

任何帮助深表感谢。

.babelrc这可能是 Babel CLI 中的一个错误（我使用的是 6.24.1），但是当源数据通过管道传输到它时，Babel 似乎并不适用。

例子：

鉴于此源文件，foo.js：

好：这个命令做你认为应该做的事，.babelrc在同一个目录中，其中包含es2015预设：

这导致foo.classic.js，具有正确转译的内容：

坏：这个命令没有做你期望的事情：

这导致foo2.classic.js，内容不变：

好：此命令符合您的预期，因此它不是错误的实际配置：

结果foo3.classic.js：

分析：在管道的情况下，Babel 显然是从管道中读取数据并将其传递出去（因为输出文件已创建），但 Babel.babelrc从管道获取数据时似乎完全忽略了。

作为参考，这.babelrc是应该应用的：

为什么要使用管道？

对于它的价值，您可能想知道，“为什么将输入通过管道传输到 Babel？为什么不只使用文件？”

好吧，一方面，管道是受支持的功能，所以它应该“正常工作”。

但在我的例子中，传递给 Babel 的源文件本身就是代码生成链的结果，该链生成有效的 ES6 代码作为输出。最好不必让代码生成器输出一个~temp.js中间文件，然后再将其删除；如果管道按预期工作会好得多。

问题：

这是一个错误吗？如果是，有没有人知道比发出一个名为 的文件~temp.js，将其传递给 Babel，然后删除它更好的解决方法？

我正在尝试通过 node js 渲染一个基本的反应组件。

不幸的是，我遇到了一些错误。我认为这与es6有关。

问题是我已经在 es6 中编写了很多代码，现在我想在节点 js 中渲染它。我无法重写我的整个应用程序，所以如何导入我的组件并使它们与女巫节点 js 兼容。

从现在开始我尝试了什么：

我收到了这个错误SyntaxError: Unexpected token <

这是因为 ReactApp 是一个反应组件

我不知道如何在我的节点上导入它。

有什么解决办法吗？

谢谢

我想让 babel 从节点模块中转译我的包。

我已经阅读了一些人们尝试这个的问题，但现在它似乎又被打破了。看看其他人是否同意，或者我做错了什么会很好。

我的代码还没有包含我的模块，而且它可以正常工作。

运行babel-node --ignore '/node_modules/'也没有问题。如果我运行babel-node --ignore '/node_modules/(?!my-node-module)'我会收到以下错误。

错误

.babelrc

ignore有没有其他人有这个问题，或者我应该使用的命令有改进吗？

我很想知道一些统计数据，例如文件大小之前/之后。有什么方法可以使用 babel CLI 启用它？

当我npm run debug在控制台中输入时，我得到："Debugger listening on ws://127.0.0.1:3090/d17dfe56-4fa4-4686-a62e-d07cff78c834". 当我用 chrome 访问这个地址时，我唯一看到的是"WebSockets request was expected". 我应该调整配置的哪些部分以使调试器工作？我正在使用最新版本的 nodejs。

package.json 脚本

启动.json：

文件结构：

目前我正在尝试转译一个使用 EC6 和 Babel 编写的 JavaScript 项目。我将 Babel CLI 与以下命令一起使用：

它将目录“my-project”中的所有 js 源代码转译，并将结果放入新文件夹“my-project-compiled”中。所有其他非 js 文件都被简单地复制。但不幸的是它不会更新相对路径。（它仍然引用旧文件夹中未转译并导致错误的文件。）

所以而不是

var _system = require("./system");

我明白了

:( 是否可以强制 Babel 更新此类引用？

非常感谢您提前。

任何帮助，将不胜感激。

丹尼尔

我正在创建一个利用 CSS 模块（babel-plugin-react-css-modules）和 SASS 的库。我不希望我的库的使用者担心 CSS 模块和 SASS，并在他们的捆绑器中设置适当的规则来启用它。就像通过 BABEL CLI 转译 JS 代码一样，有没有办法为 CSS 实现相同的目标，其中编译器将遍历所有启用 SASS 和 CSS 模块的 CSS 文件，编译它们并创建一个编译后的 vanilla CSS 文件，它可以用作这是。

我有文件a.js和main.js：

一个.js：

主.js：

我想以某种方式处理这些文件以获得一个结果文件（比如说result.js），我可以将它添加到 html 页面（通过<script src="result.js"></script>），这样当我在浏览器中加载这个 html 页面时，我7会在控制台中看到。中不应有require()orimport ... from ...指令result.js。

我尝试用 babel 编译文件 main.js：

但这给了我result.js带有require()指令且没有来自以下代码的文件a.js：

a.js我也尝试main.js用 babel 编译这两个文件：

这给了我文件result.js，其中包含代码，a.js但也包含require()指令：

如何正确处理该文件以获取result.js没有require()或import ... from ...指令？