我正在尝试添加一个使用 babel CLI 转换我的 ES6 的构建命令。我很难将它正确指向 babelrc。

文件结构大致如下：

在我的 package.json 中，我最初尝试了以下内容：

但这给出了一个错误，因为我在代码中使用了数组解构符号。我认为这是因为它没有拾取我的.babelrc文件。使用

babel --presets=@babel/preset-env --out-dir dist src

而是解决了这个问题。但我宁愿不必在这里指定插件等，.babelrc而是依赖文件。

通过阅读这个问题，我得到的印象是 babel 寻找配置文件src而不是root. 查看文档，似乎有一个指定配置文件的选项，但我不能让它正常工作。我的尝试：

我正在构建一个编译 Monorepo 包的脚本，我正在使用 typescript，每个包都有自己的 typescript 配置。

我想告诉@babel/preset-typescript使用哪个配置文件。

1. 我一直在学习webpack和babel...

2. 一切正常，但我的webpack配置无法正常工作，我想我在这里错过了一些东西。

这是我的webpack.config.js代码

这是所有开发依赖项

这里的目标是观察一个目录并输出新文件。

保存时应该....

1. 获取目录中的每个文件并缩小它
2. 转译每个需要转译的文件
3. 在同一目录中添加缩小文件和地图

实际发生了什么......

1. 消息显示文件已编译
2. .min 文件的“新”版本未更新或更改并保持不变

这是 package.json 文件

这是 .babel.config.json 文件

更新 - 2020 年 12 月 2 日

这是 repl.it 演示的链接

https://repl.it/join/xldfgzre-juandahveed

如果您以前从未使用过 repl.it，请确保您按control + shift + s以便终端出现。

然后你可以运行npm run watch:babel-blocks看看会发生什么。

在这种情况下，如果您更新blocks/jsxblock/editor.jsx文件，watch 标志将真正起作用，并且blocks/jsxblock/editor.min.js文件将随着您所做的任何更改而更新。

我唯一能想到的是，在我的本地实例中（实际上只是一个带有构建脚本的大肆宣传的 WordPress 站点）我同时使用文件的devDependencies和dependencies区域package.json，而使用 repl.it 我只能拥有东西在dependencies. 我确实在本地环境中对此进行了测试，但没有解决任何问题。

想法？建议？真的有人知道原因吗？

如何使用该命令编译.jsx文件。npx babel-cli [inpfile].jsx --out-file [outfile].js --plugin=@[someplugin]我已经尝试过--plugin=@plugin-transform-react-jsx了，但它在第一个 JSX 表达式上给出了错误。

我安装了 babel-cli、babel-core 等软件包。

我可以使用create-react-app并且一切正常，但我想手动执行此操作，编译 JSX。

此外，如果 ES6 到 ES5 的转换可以通过相同的程序进行；也请说明。

任何帮助，将不胜感激。

编辑：在下面回答。

另外：如果您正在阅读本文，那么您可能是 web 开发的新手，您应该考虑为此使用 webpack 而不是单独使用 babel

我有一个看起来很简单的问题，但我无法解决。

我有一个目录结构

当我的终端位于脚本文件夹中时，我一直试图让以下命令工作。

但它只是不断返回：

C:\Users\me\JavaScriptProjects\survey\scripts>npx babel ./src/src.js --out-file ./compiled/compiled.js presets=env,react --watch presets=env,react没有存在

我已经尝试过删除./，将其替换为 only /，进入 src 目录并替换src/src.js为src.js然后做../compiled/compiled.js以及许多其他排列的排列，但它只是一直说它不存在。

即使我将两个文件都添加到同一个目录，它也会给出相同的错误。

最烦人的部分是它昨天工作正常。

提前致谢。

正如标题所说，babel--out-file-extension不起作用。

这里是package.json：

当我运行npm run babel:dev结果是：Scripts\src\main.js -> Scripts\js\main.js

但是当我运行时会发生相同的结果npm run babel:min，输出文件被缩小但扩展名不会改变。

那么我在这里做错了什么？

我正在尝试设置 PhpStorm 以使用 Babel 而不是 UglifyJS。我需要将缩小的输出文件以不同的扩展名写入源脚本所在的同一目录。

我将 Babel 的 File Watchers 设置中的参数行更改为以下内容：$FilePathRelativeToProjectRoot$ --out-dir dist --out-file-extension .min.js --source-maps --presets minify

这是可行的，但输出文件被保存到/dist目录（没有指定--out-dir dist一切都停止工作）并且--out-file-extension选项被完全忽略。我怀疑这是由于 Babel 6.2 的旧版本，我无法更新。

此“刷新的输出路径”字段更改也不起作用：$FileNameWithoutExtension$.min.js

请说明如何更改参数以解决此问题。

这是 package.json 中的依赖项

server.js 文件中的代码

index.js 文件中的代码

控制台中的错误

从 YouTube 教程中学习，我尝试制作一个 whatsapp 克隆。我想使用 babel cli 和 babel node 来启动服务器以便连接数据库，所以我写了这段代码 { "./node_modules/babel-cli/bin/babel-node.js --presets node8 ./server. js" } 中，但它显示上述错误。请帮我。

我正在开发一个 nodejs 项目，我正在使用 mocha 编写测试用例，但它没有找到本地模块。

错误：错误 [ERR_MODULE_NOT_FOUND]：在 moduleResolve ( node:internal/modules/esm/resolve:932:10) at defaultResolve (node:internal/modules/esm/resolve:1044:11) at ESMLoader.resolve (node:internal/modules/esm/loader:422:30)在 ModuleWrap 的 ESMLoader.getModuleJob (node:internal/modules/esm/loader:222:40)。(node:internal/modules/esm/module_job:76:40) 在链接 (node:internal/modules/esm/module_job:75:36)

其他节点脚本在 package.json 中定义：

doJob 脚本工作正常。

我如何使用 babel-cli 和 mocha。