使用 Babel 7.10 编译成模块 js 文件，无需导入答案

【问题标题】：Using Babel 7.10 to compile to module js files without imports使用 Babel 7.10 编译成模块 js 文件，无需导入
【发布时间】：2020-07-25 13:36:55
【问题描述】：

tl;dr：如何在全栈节点应用程序中使用 babel 7.10 作为前端 js 文件的完整初学者？

我正在尝试使用最新版本的 Babel (7.10.5) 来编译我网站的 JS 文件，这是我第一次使用 Babel。由于 babel 的文档似乎没有完全更新或者因为我太笨而无法获得它。

我只生成带有浏览器不理解的“require”或浏览器看不到的某些 babel 文件的某些“导入”的 JS 文件。

我不知道我应该做什么，我尝试过使用babel.config.json 文件和.babelrc 文件。我安装和卸载了各种软件包和插件等等，但似乎没有任何效果。

我不关心模块大小或任何高级的东西，我只希望我用 es6 编写的简单网站可以在所有浏览器中工作，基本上使用 es5。我知道我需要 @babel/cli @babel/core 和 @babel/preset-env 并且我需要某种配置文件，然后我想通过命令行运行它。最简单的方法是什么？

顺便说一句，我没有使用任何框架，只是使用普通的老式 JavaScript

对不起，如果这个问题非常愚蠢或问得不好。我不能显示任何代码，因为我没有

【问题讨论】：

【解决方案1】：

1、安装依赖：

npm i @babel/cli @babel/core @babel/preset-env

2、添加.babelrc:

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

3、编辑package.json，在这个例子中，确保你所有的源文件都在“src”目录中

//package.json
{
  "scripts": {
    "build": "babel src --out-dir dist"
  },

4、运行脚本，生成的文件将在“dist”目录中

npm run build

【讨论】：