翻译：疯狂的技术宅 原文：
本文首发微信公众号：jingchengyideng
欢迎关注，每天都给你推送新鲜的前端技术文章本文描述了通过 Babel 生成 npm 包的最小设置。你可以在 GitHub 中看到案例 的设置。
GitHub：
1 核心结构
有两组文件：
-
目录
esm/里有库的（还转换）实际源码。-
package.json中的module属性指向esm/index.js - 目录
test/含有基于AVA的对esm/中代码的测试。
-
-
目录
cjs/有 ESM 文件的已转换版本，它们是 CommonJS 格式并支持在当前版本的 Node.js 环境下运行。-
package.json中的main属性指向cjs/index.js
-
此结构支持两种用例：
- Node.js 应用使用
cjs/中的文件。 - Web应用（通过 webpack 等）使用
esm/中的文件。它们通过 将这些文件转换为其目标平台支持的功能集。 中描述了如何执行这个操作。
到此我们仅部分解决了如何填充可能缺少的库这个问题。接下来要彻底解决它
2 .gitignore
cjsnode_modules
cjs/ 没有提交到 git。我们只是在 npm 发布包之前按需生成它。
3 .npmignore
node_modules
发布到 npm 时，我们需要包含 cjs/。这就是除了 .gitignore 之外我们还需要 .npmignore 的原因。
4 package.json
package.json 的主要部分
可以使用以下脚本：
"scripts": { "build": "babel esm --out-dir cjs", "prepublishOnly": "npm run build", "test": "ava"}, -
build用于生成cjs/中的文件。 -
prepublishOnly能够确保在我们发布到 npm 之前始终构建cjs /。 -
test通过 AVA 运行测试。
因此，我们有以下依赖项（仅在开发时）：
"devDependencies": { "babel-cli": "^6.24.1", "ava": "^0.21.0", "babel-preset-env": "^1.5.1", "babel-register": "^6.24.1"}, - 单元测试需要
ava。 -
babel-cli提供命令babel。 -
babel-register让 AVA 通过 Babel 执行测试。 -
babel-preset-env是 Babel 用于转换的预设。
"main": "./cjs/index.js","module": "./esm/index.js",
-
main是 CommonJS 格式的包入口点（包括在Node.js上运行的普通模块）。 -
module是 ESM 格式的包入口点（包括webpack，取决于你如何设置它）。 - 有关这两个属性的更多信息：“”。
配置 Babel
对于Babel，我们用 典型的方式为当前运行的 Node.js 生成代码。
"babel": { "presets": [ [ "env", { "targets": { "node": "current" } } ] ]}, 配置 AVA
对于 AVA，我们需要 babel-register，它通过 Babel 转换所有测试和导入。 "babel": "inherit" 表示 AVA 使用上一节中的配置。
"ava": { "require": [ "babel-register" ], "babel": "inherit"} 5 结论
以上是通过 Babel 创建 npm 包最小库的方法。重要的一点是它允许包的客户端使用 babel-preset-env（就像 ”中所讲的那样）。所以它并没有 100％ 的正确使用 module ，但是有广泛支持的优势，并且没有引入另一个 package.json 属性。
6 扩展阅读
- 免费在线书籍： “”
