问题标签 [babel-cli]

因为transform-react-jsx我必须指定一个pragma但我只想使用 babel-cli。那可能吗 ？

Babel 告诉我一个插件不存在的时候。（我可以用 babel-cli 编译，但不支持设置pragma选项。所以我只能使用恶心的 .babelrc 文件）我在这里做错了什么？

.babelrc

npx babel frontend.js

包.json：

所以我正在使用 babel-cli，它似乎将我的评论移到了不同​​的行。有什么办法可以告诉 babel 不要发表评论吗？

例如：

转译为：

当我想要它时：

这是我的配置：

我在 npm 安全报告 babel-cli 包中的低级漏洞时遇到问题 - 版本 6.26.0。

其他一切都很好，但这需要手动审查。babel-cli中的包是“大括号”，到目前为止我不知道如何强制它更新 - 无论使用多少次--save-dev，临时清除锁定文件等，它都停留在当前版本。

随着 babel 的普及，我很好奇其他人做了什么来解决这个问题。

看起来真的很简单。

https://babeljs.io/docs/en/babel-cli#ignore-files

所以我这样设置：

全局参考：https ://github.com/isaacs/node-glob

但我在输出中看到了这一点：

好的，我试试这个：

还有这些：

每次都是一样的结果。看起来最后一个确实应该起作用：忽略任何具有零个或多个目录的路径，然后是名称中至少有一个 _ 的目录，然后是零个或多个目录，然后是匹配任何模式的文件。我读对了吗？

然后我试着非常具体：

我得到：

我不知道这是 Babel 中的错误还是我误解了 glob 模式。

我的文件夹结构：

我运行的命令package.json："build:server": "babel src/backend/ -d dist"

生成的dist文件夹结构：

我怎样才能让它也转换其中的所有子文件夹backend？我试过babel src/backend/** -d dist了，但也没有用。

我的src目录中有一些 JSX 文件。我使用 babel cli 编译它们并使用 nodemon 来监视这些文件的变化。

然而，在每次重新启动时，src 中的所有文件都会被编译，即使只有一个文件被更改。有没有办法获取触发 nodemon 重新启动的文件的名称，以便我只能编译该文件？

给定以下示例目录结构：

我想处理这些文件，babel-cli以便输出文件最终destDir具有相同的相对目录结构。

那是：

我不想处理 中的所有文件srcDir，只处理其中的一些文件。

我想我必须指定一个输入目录、一个文件路径列表和一个输出目录。
但是 Babel 的命令行帮助并没有解释如何去做。

@babel/node和 和有什么不一样babel-node？
我做了yarn add babel-node --dev，但我有错误。所以我做了yarn add @babel/node --dev，它奏效了。是什么意思@？

我正在尝试为我的开发服务器设置 pm2，它似乎已启动，但在访问我的端口 3000 的站点时，它说无法访问拒绝连接。我检查了我的 pm2 日志，它说

语法错误：/var/www/html/ucdirectorapp/src/index.js：意外令牌 (33:4) 0|ucdirector-dev | 31 | ReactDOM.render( 0|ucdirector-dev | 32 | 0|ucdirector-dev | > 33 | 0|ucdirector-dev | | ^ 0|ucdirector-dev | 34 | , document.getElementById('root')); 0|ucdirector-dev | 35 |

所以我认为这与我的翻译有关。

我已经编译并制作了一个构建文件夹。

我已经将解释器指向 ./node_modules/@babel/cli/bin/babel.js 甚至 ./node_modules/babel-cli/bin/babel-node.js。

我试过重新安装 babel-cli。我试过删除我的 node_modules 并重新安装所有东西。

我已经尝试在全球范围内安装 babel-cli。

我希望该站点在端口 3000 上运行，并且将删除语法错误。但我看到了这个语法错误。我猜它不会重新识别反应类。

语法错误：/var/www/html/ucdirectorapp/src/index.js：意外令牌 (33:4) 0|ucdirector-dev | 31 | ReactDOM.render( 0|ucdirector-dev | 32 | 0|ucdirector-dev | > 33 | 0|ucdirector-dev | | ^ 0|ucdirector-dev | 34 | , document.getElementById('root'));