father-build 是一种组件打包工具，请问，这个有什么用？

Question

father-build 是一种组件打包工具，请问，这个有什么用？

1.什么是组件？
2.什么是组件打包？是指的，打包为可以上传到npmjs.org，npm可以下载的包吗？
3.如果是，那么类似father-build的包还有哪些呢？

Answer 1

首先 father 不是组件打包工具，它是 npm 包构建工具。引用其官方 Github 上的描述：

father 是一款 NPM 包研发工具，能够帮助开发者更高效、高质量地研发 NPM 包、生成构建产物、再完成发布。

具体可以自己看看：https://github.com/umijs/father

而所谓的 NPM 包就是 JavaScript 库，比如你有很多辅助函数经常用，那你就可以把这些函数做成一个库发布到 NPM 上供其他人使用。

1. 你这里说的组件应该是 react 组件。father 是阿里 umi 团队做的，umi 之前都是依赖于 react（据说现在可以用 vue）。
2. 组件打包，其实就是 JS 打包。它是将 JS 文件通过依赖分析，摇树优化，压缩，混淆等操作生成可发布产物的过程。比如 a.js 依赖 b.js 和 c.js，打包后有一个优化过的 index.js，包含所有 a,b,c 的代码，这就是打包。而打包与否和上传 NPM 没有直接关系，你写个 hello world 也能上传 NPM。
3. 推荐了解 webpack, gulp, rollup, vite