如果你是前端程序员并且在进行多模块项目的开发，那么你一定会遇到一个问题：如何将这些模块打包并且发布到 npm 上。而 @lerna/npm-publish 工具便是一个用于解决这类问题的 npm 包，它可以帮助你将多个模块打包成一个整包然后发布到 npm 上。
1. 安装
首先，我们需要在项目中安装 @lerna/npm-publish 包，可以使用 npm 或者 yarn 安装：
# 使用 npm 安装 npm install --save-dev @lerna/npm-publish # 或者使用 yarn 安装 yarn add --dev @lerna/npm-publish
2. 配置
在将项目打包并发布到 npm 上之前，我们需要先正确地配置项目。下面的例子中，我们将项目结构配置为一个根目录，两个子项目分别位于 packages/foo 和 packages/bar 目录下：
-- -------------------- ---- -------
- ----
- --------
- ---
- ------------
- --------
- ---
- ------------
- --------
- ------------我们需要在这些子项目的 package.json 文件中设置对应的配置项：
-- -------------------- ---- -------
-
------- --------------
---------- --------
------- -----------
---------- -----
---------------- -
--------- --------
-
-值得注意的是，access 字段设置为 "public"，这会使得发布的包可以被所有人访问到。
在根目录的 package.json 文件中，我们需要添加 lerna 配置，以便使用 @lerna/npm-publish：
-- -------------------- ---- -------
-
------- -------------
---------- --------
---------- -----
------------------ -
--------------------- ---------
-------- --------
--
---------- -
---------- ------ ---- ------------- - -- --- ------------
--
-------- -
---------- --------------
----------- -
------------
-
-
-注意 script 中的 lerna exec 命令的设置，使用了 npx npm-publish 命令来发布每个子项目。
3. 打包和发布
完成配置之后，我们就可以执行 npm run publish 命令来打包和发布整个项目了。该命令会将每个子项目依次打包后发布到 npm 上，注意，这可能需要一些时间。
4. 结论
使用 @lerna/npm-publish 只需要简单的配置，就可以轻松地将多个模块项目打包并发布到 npm 上。当然，在实际的项目开发中，我们可能还需要解决一些其他的问题，例如如何正确地处理版本号，如何管理依赖等，但使用 @lerna/npm-publish 工具，至少可以为我们节省一些时间。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f005edb403f2923b035bc97