npm 包 yalc 使用教程

阅读时长 2 分钟读完

前言

在前端开发中,我们经常需要引入各种 npm 包来帮助我们完成代码开发。但是,在开发过程中,我们可能需要在不同项目之间共享代码,或者需要在开发中将本地修改的代码快速发布到测试环境中,这时候传统的 npm 发布和安装流程会显得很繁琐和耗时。这时候 yalc 就派上用场了。

yalc 是一款针对本地 npm 包调试和开发的工具,它可以将本地的 npm 包进行本地链式链接或直接发布到本地仓库。本篇文章将从 yalc 的安装、使用、实战等方面进行详细阐述。

安装 yalc

在安装 yalc 之前,我们需要确保本地环境已经安装了 node 和 npm。具体安装步骤可以参考官方文档。

安装完成后,我们可以在终端输入以下命令,检查 yalc 是否安装成功。

使用 yalc

在使用 yalc 之前,我们需要先了解它提供的三种基本命令:

  • add:将本地文件夹添加到仓库,并在项目中安装对应包。
  • push:将本地包发布到仓库,其他项目可以通过 yalc add 指令来安装。
  • update:更新本地包。

add 命令

add 命令的作用是将本地文件夹添加到仓库,并在项目中安装对应包,其中 package_name 为本地包名,-D 表示添加到项目的 devDependencies 中,—yarn 表示使用 yarn 安装。

例如,我们想将本地的 test-package 包添加到项目中,并安装到 devDependencies 中,可以输入以下命令。

如果我们想让其他同事在他们的机器上也能够使用该包,需要让他们也执行一遍该命令。

push 命令

push 命令的作用是将本地包发布到仓库,其他项目可以通过 yalc add 指令来安装,其中 --private 表示将包发布到私有仓库,--yarn 表示使用 yarn 安装。

例如,我们想将本地的 test-package 包发布到仓库中,可以输入以下命令。