问题标签 [babel-cli]

我正在使用带有 env、stage-0 和 react 预设的 webpack 编译我的客户端。它工作得很好，但现在我开始处理服务器端渲染，所以我不得不在我的服务器文件中使用一些 es6 和 jsx 语法。我正在使用与 webpack 中完全相同的预设对其进行编译，但是在运行编译后的文件后，它会在服务器文件中导入的客户端文件之一中引发错误。这是我的 packege.json，所以你可以看到我的命令：GitHub（查找“build:s”命令）

这是运行服务器文件后出现的错误：命令行

我使用 babel-cli 错了吗？

编辑：我在这里是一个真正的泡菜。我尝试了不同的方法。我使用 babel-cli 将整个客户端编译到指定文件夹，然后从该文件夹导入服务器文件。但这只是给了我一堆错误，比如“找不到文件名.scss”.....有人知道如何解决这个问题吗？

我在 Windows 10 环境中的同一个包中有一个弹出的 create-react-app 客户端应用程序和一个服务器端应用程序。

我的目录结构如下：

如上所述，服务器和客户端需要使用公共文件，这就是我的问题开始的地方。这些通用文件是.js（通用例程）和.json（语言文件）文件，需要由解决方案的服务器和客户端上的模块导入。

如果我把我的公用文件放在服务器（app/common）下面，我的客户抱怨它不能导入它，因为它超出了app/client/src目录：

如果我将文件放在客户端目录结构（app/client/src/common）上，运行服务器时会出现以下错误（npm run server变成babel-node start-server.js）

这是package.json服务器的：

问题：

a) 我应该把我的公共文件放在哪里。在 (app/client/src) 上（客户端目录结构）还是在 app/common 上（服务器目录结构）？

b）如果我决定保留文件app/client/src/common（服务器目录结构），我怎样才能使 babel_node 正常工作（它抱怨它不知道环境变量）

c）如果我决定将文件保留在 上app/common，我如何从反应组件访问它？

这是我的脚本test.js：

这是我的 package.json：

当我运行时npx babel-node test.js，我遇到了这个错误

这是我的.babelrc档案

在我看来，babel-node无法处理依赖 js 文件中的 es6 语法。我希望babel-node能够即时加载和编译所有依赖项。我该如何解决这个问题？

版本信息：

大多数信息和答案都涉及 babel 未编译到 JSX 中的问题。就我而言，我使用 .jsx 作为模板引擎，所以我希望 babel 编译 .js 文件而不是 .jsx 文件。我仍然想将文件复制到 build/dist 文件夹。

我的应用程序结构是：

我试过了

它似乎无法识别视图文件夹

它正确地做事，但也编译 .jsx，这会破坏视图。

我还考虑过删除 babel-loader 包，但不确定这是否过度。

我想不出您可能需要回答的更多信息，但如果您希望我放置 package.json 或任何其他文件，请告诉我。

更新

--ignore和周围似乎有些混乱--copy-files。有些人希望忽略覆盖复制，而其他人希望复制覆盖忽略。在我的情况下，后者会更可取。

https://github.com/babel/babel/issues/5052 https://github.com/babel/babel/issues/5176

现在，如果我这样做

它会忽略 .jsx 文件，但不会复制它们。它确实忽略了样式目录，这是正确的。似乎它无法忽略它可以转换的东西。

我想用 pm2 包管理我的节点进程。如果我的代码中没有任何 es6 语法，所以我不需要添加 babel-node，并且没有任何 es6 语法代码能够使用 pm2 使用这行代码运行我的代码

但是只要我添加任何这样的 es6 语法代码行

我收到意外令牌导入的错误。

如您所知，要解决此问题，我们必须添加 babel-node 包。

但是当我使用这行命令来编译我的代码时

我收到这个错误

奇怪的是，如果我不使用 pm2 并使用这行代码运行代码

一切都好。

我正在尝试仅使用 babel 及其预设和插件为 ReactJs 创建一个环境。到目前为止，我可以使用 transform-react-jsx 插件渲染我的 React 组件。但我无法向其中添加 CSS。我该怎么做？
`

`

这就是我的 .babelrc 的样子。我有一个快速服务器，它发送一个 index.html 来呈现我的 React 组件。尽管使用 react-dom/server，但它更多的是服务器端渲染。只要我可以使用 babel 来创建带有 CSS 的 react 组件，我对任何事情都很满意。

是否可以在 babel-cli --plugins 参数中声明插件选项？我在文档中找不到任何提及或示例。

具体来说，我正在尝试将以下内容从 .bashrc 文件（如此处所述）转换为 babel-cli --plugins 参数：

非常感谢任何帮助。

我正在按照这里的步骤https://babeljs.io/setup#installation。

我创建一个 package.json 文件然后运行

我得到错误：

我试过了

和

但它仍然不起作用。有任何想法吗？

如何为 babel 指定不同的扩展来旋转，比如 webpack 的resolve.extensions？我想在我的浏览器构建中使用 .web.js 和（类似的） .server.js 作为我的节点服务器文件，这样：

import foo from './foo';

将导入正确的文件。我知道 babel-cli/babel-node---extensions并且 babel 确定它是否会在文件已被解析后对其进行转译。我想要一个选项（最好在 .babelrc 或 cli args 中）来解决。

通过 grunt 使用 babel-cli 转译 javascript 代码。在编译包含类定义的第一个 javascript 文件时看到错误“path.inShadow 不是函数”。

我相信我已经完全更新了节点和所有软件包（我是节点生态系统的新手，所以我可能在这里遗漏了一些东西）。

这是显示我的开发依赖项的片段。

我相信我的安装是最新的，因为：

• npm install 什么都不做
• npm outdated 什么也没显示
• npm prune 什么都不做

节点版本为 10.15.0。

在 Mac 上，以防万一

编译中止并显示错误消息：

警告：path.inShadow 不是函数使用 --force 继续。

当时它似乎正在编译一个包含类定义的javascript文件，前面成功转换的文件都没有包含这样的定义。