在前端开发中，我们经常使用 npm 工具来管理我们的依赖包。如果你想要将你的代码打包成一个 npm 包发布到 npm 中心或者私有 npm 仓库，你可以使用 made-pack-script 来帮助你完成这个过程。made-pack-script 是一个简单易用的 npm 包打包工具，它允许你打包前端代码并上传到 npm。
安装
在打包前，你需要在你的项目中安装 made-pack-script。可以通过以下命令：
npm install --save-dev made-pack-script
使用指南
在你的项目中，你需要配置一个打包脚本命令，并指定打包的一些参数。这些参数包括你的项目的名称、版本号、入口文件路径，以及其他一些可选的参数。
配置参数
以下是 made-pack-script 的参数：
name（必填）：你的项目名称（必须为小写字母）。version（必填）：你的项目版本号，符合 Semantic Versioning。entry（必填）：你的项目入口文件的路径。main（可选）：你的项目主入口文件的路径，默认为index.js。registryUrl（可选）：指定上传 npm 包的 registry URL，默认为https://registry.npmjs.org。如果上传到公司私有 npm，根据实际情况修改该参数。prepublishOnly（可选）：上传 npm 包前的检查和构建命令。files（可选）：你想要包含在发布包中的文件或文件夹列表，如果未提供，则默认包含所有文件。
配置示例
以下是一个 made-pack-script 的配置示例，我们将这个配置添加到我们的 package.json 文件中：
{ "name": "my-project", "version": "1.0.0", "scripts": { "pack": "made-pack-script --name my-project --version 1.0.0 --entry src/index.js" } }
在这个示例中，我们创建了一个名为 my-project 的项目，并指定了它的版本号为 1.0.0，入口文件为 src/index.js。我们将这个配置添加到了 scripts 部分中，并为它起了一个名称为 pack 的命令。
执行打包
当你想要打包你的项目时，只需要在终端中执行 npm run pack 命令即可。执行成功后，它将自动创建一个 .tgz 文件，并上传到指定的 registry 地址。
我们可以使用 npm info 命令查看我们上传的 npm 包。
npm info my-project
指定参数
如果你想要在执行打包命令时指定参数，你可以通过以下方式进行设置：
npm run pack -- --name my-project --version 1.0.0 --entry src/index.js
总结
made-pack-script 是一个方便的 npm 包打包工具，能够将前端代码打包并上传到 npm 包仓库。本文中我们介绍了 made-pack-script 的使用及配置方式，希望本文能够帮助你成功打包你的前端项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70604
