如何在CRA公用文件夹中编译JS文件？

Question

我想在公共文件夹中编译一个Javascript文件，以便可以使用ES6语法进行开发，但是它可以编译为<ES6友好版本，以便可以包含在具有跨浏览器兼容性的其他文件中。 如果我可以不退出而执行此操作，并且可以使用CRA的现有babel配置，那就太好了。 如果可以正常工作，我将在生产构建脚本中包含此命令，以在打包所有文件之前对其进行编译和替换。

我尝试安装babel-cli ，它似乎可以在给定的文件上运行，但不会生成具有<ES6兼容语法的文件。

这是我正在运行的命令：

npx babel public/file.js -o public/compiled-file.js

除了CRA随附的配置外，没有其他配置可以应用。

我希望该文件将任何ES6语法更改为<ES6兼容语法，例如const并let更改为var ，但它不会执行任何操作。

Answer 1

通过将@babel/cli和@babel/preset-env到项目的package.json开发依赖项中，我能够@babel/cli正常工作。

之后，我可以根据需要执行以下命令来编译此文件：

npx babel public/file.js --out-file public/compiled-file.js --presets=@babel/preset-env