更新 .babelrc 以将 JavaScript 文件路径添加到 Transpile答案

【问题标题】：Update .babelrc to Add JavaScript File Paths to Transpile更新 .babelrc 以将 JavaScript 文件路径添加到 Transpile
【发布时间】：2020-07-17 01:45:39
【问题描述】：

我使用 Babel 将 ES6 JavaScript 转换为 ES5 用于：
https://hollyw00d.github.io/Accessible-ES6-JavaScript-Tabs/

我不知道如何更新我的 .babelrc 文件以自动将特定 ES6 文件转换为特定 ES5 文件。

我应该在我的.babelrc 文件中添加什么代码来做到这一点？这甚至可能吗？

这是我的.babelrc 文件的内容：

{
  "presets": [
    "@babel/preset-env",
    "minify"
  ]
}

这是我在 Mac 的 iTerm 上执行的将 ES6 文件转换为 ES5 文件的命令：
npx babel ./assets/js/scripts.js --out-file ./assets/js/scripts.min.js

这是我在该项目目录中本地安装的 npm 模块：

├── @babel/cli@7.10.5
├── @babel/core@7.10.5
├── @babel/preset-env@7.10.4
├── babel-preset-minify@0.5.1
└── core-js@3.6.5

【问题讨论】：

所以当前运行该命令不起作用？
是的，运行npx babel ./assets/js/scripts.js --out-file ./assets/js/scripts.min.js 有效。我想知道是否可以使用文件路径更新.babelrc，所以我只需要运行npx babel 即可将scripts.js 转换为scripts.min.js。

标签： javascript npm babeljs

【解决方案1】：

Babel 的.babelrc 文件用于配置对给定输入文件执行哪些转换，但不包括将处理哪些输入文件或哪些输出文件，因此这是不可能的。

【讨论】：

感谢@loganfsmyth 的回答，我无法单独使用 Babel 的 .babelrc 文件做我想做的事情。相反，我需要使用 webpack (webpack.js.org) 之类的东西在单独的配置文件中添加 ES6 输入文件路径和 ES5 输出文件路径（如 webpack 的 webpack.config.js）。