快速了解npm link

2019年03月04日作者:井井客整理来源:原创

开发中使用npm link是一个简捷方便的调试模块的方法。

快速了解npm link

也是最近的项目中我才开始使用npm link,感觉自己都有点落伍了,唉唉唉。

npm link是什么?

参见官方文档:https://docs.npmjs.com/cli/link.html

官方文档说了啥我就不多说了,说说我自己的理解先。

比如现在有一个项目A,需要引用一个node模块,名称假设叫gulp吧。按照之前我们正常的套路是用npm install去安装服务器上面的gulp包,然后它会下载到项目A中 node_modules 文件夹内。

现在我们不走寻常路一点,我们fork了一个gulp项目在本地,在项目A中,我们需要使用本地的这个gulp包,这时就试试看npm link了。

我们在本地的gulp项目中,执行 npm link 命令,这时会在npm全局中建立一个"超链接"。(我自己画的图好像关于这一点可能描述不太清,它与npm -g还是有点区别的,只是可以把他们理解成一类本地的『包

然后在项目A中(最好先删除 node_modules 文件夹),使用 npm link gulp 命令,这时本地gulp的超链接就被复制到了项目A中 node_modules 文件夹内。

完成简单的两步,我们就可以在本地调试gulp了。

注意:包名称取自package.json,而不是目录名。这个应该好理解吧~

npm link用途

上面有说到的是一种用途:本地调试。

还有一种用途,也是我们这次开发用到的:多单页项目的合并打包。

多个单页项目我们可以使用npm link为它们制作"超链接",然后有一个综合打包用的项目,专门负责引用这些单页项目进入结合。

思路差不多就是这样,实际的代码可能需要多一点磨合了~这里就不多说了。

文章TAG:Node

本文标题:快速了解npm link
本文链接:http://www.jingjingke.com/c/04357.html

上一篇:采集新浪微博头条数据小demo
下一篇:关于android开发一个简单APP的总结