简介
npm 是 Node.js 世界的包管理器。npm 使开发者可以方便地共享和重用代码包。这里我们要讲到的是 package-repo，一个用于创建 GitHub 仓库和初始化 npm 包的工具。
使用 package-repo 可以快速创建一个 GitHub 仓库，轻松地将其与 npm 包关联，并且增强了包的开发流程。下面我们将深入研究如何使用 package-repo 来开发我们的前端包。
安装
全局安装 package-repo，使用以下命令：
npm install -g package-repo
使用
执行以下命令，可以创建一个名为 my-package 的本地项目目录。
mkdir my-package && cd my-package
运行以下命令来使用 package-repo 初始化项目：
package-repo init
运行后，将会提示你输入你的 GitHub 用户名和密码，以便 package-repo 可以创建仓库。
成功运行后，package-repo 将会生成以下文件和文件夹：
README.mdpackage.jsonsrcdist
README.md 和 package.json 是标准的项目文件，src 是源码目录，dist 是编译后的文件目录。
配置
默认情况下，package-repo 会使用 my-package 的名称来创建本地目录和 GitHub 仓库的名称。你可以通过以下命令来修改名称：
package-repo init my-awesome-package
此外，你还可以传递以下参数来完全控制如何创建仓库：
package-repo init --name=my-awesome-package --description="My awesome package" --private=false
以上参数分别设置仓库名称、仓库描述和私有性。如果 --private 参数为 true，那么会创建一个私有仓库。
自定义
可以通过编写以下脚本来自定义在 package.json 执行的脚本：
{
"scripts": {
"build": "webpack src/index.js -o dist/bundle.js",
"test": "jest test/*.test.js"
}
}这里我们使用 webpack 来生成 bundle.js，使用 Jest 来运行测试。在项目根目录下，运行以下命令来运行脚本：
npm run build # 执行 webpack 构建 npm run test # 运行 Jest 测试
这些脚本也可以通过以下方式单独运行：
npx webpack src/index.js -o dist/bundle.js npx jest test/*.test.js
发布
到目前为止，我们的包尚未发布到 npm。运行以下命令来发布：
npm publish
发布成功后，您的包将会在 npm 的包存储库中可见。
示例代码
以下是示例代码，用于演示如何使用 package-repo 创建并发布一个前端包。
-- -------------------- ---- -------
- --------
----- ------------------ -- -- ------------------
- -- ------------ -----
------------ ---- ------------------------- ----------------- ------- -------- ---------------
- ------
--- ------- ------- ---- ----------
- ------
----- ------------
- ------
----- ---- -- ----- ------------------
- --- ------------ ----
-
---------- -
-------- -------- ------------ -- ----------------
------- ----- ---------------
-
-
- ------
--- --- -----
--- --- ----
- --- ---
--- -------结论
通过 package-repo，您可以轻松地创建、管理和发布前端包。它不仅提供了便利的方法来创建 GitHub 仓库和初始化 npm 包，还可以处理各种自定义需求。希望这篇文章对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f39c2a5dbf7be33b2566fd8