npm包的源码和yarn add下载下来的代码关系

之前一直都没搞懂npm包的机制,以  @vue/composition-api  这个包为例,这个包的npm地址是 https://www.npmjs.com/package/@vue/composition-api,右侧有个仓库地址链接,这个包的源码仓库地址是 https://github.com/vuejs/composition-api,

在命令行终端里执行 yarn add @vue/composition-api,会在项目的 node_modules 文件夹里生成一个  @vue/composition-api 文件夹,这个文件夹里只有一个 dist 目录,但在 https://github.com/vuejs/composition-api 这个源码库里没有找到 dist 目录,不明白为什么会这样,

经过一些搜索和实际验证后,大致得到了原因,

1、先下载 https://github.com/vuejs/composition-api 源码库 到本地电脑上

2、进入本地的源码库,在命令行里执行 yarn --registry=https://registry.npm.taobao.org

3、然后再命令行里执行 yarn build,会生成一个 dist 目录,这个目录里的文件和 yarn add @vue/composition-api 生成的目录里的dist目录里的文件一样

ps:

1、@vue/composition-api 源码库里的 package.json 里的 build 命令里使用的打包工具是 rollup

原文地址:https://www.cnblogs.com/yuewangshanren/p/15336734.html