隐秘而强大的npm link

265 阅读1分钟

之前开发的时候看到同事在同时开发基础组件库和需求项目库,当时第一次看到npm link命令,可以实时地在需求项目库中引用本地基础组件库,而不需要先将基础组件库打包发布到npm服务器,感觉很神奇

后来开始使用npm link做相关联的两个代码项目开发时,这个功能是多么得强大

npm link的使用原理其实很简单,就是假设有两个代码库A和B,且项目B依赖项目A,如果不想频繁地将A中的代码打包发布到npm服务器,然后在项目A中引用,就可以使用npm link,在A项目中使用npm link将A项目临时发布到本地的全局/node_modules依赖库中,然后在项目B内使用“npm link A”就可以实现将两个代码库相关联,在项目B内引用A的组件

尽管使用起来简单强大,不过既然是临时将组件库注册到全局的依赖库中,所以打包的时候其实会出现问题,毕竟不是真实的npm install,所以如果需要打包就需要断开对临时组件库的引用,方法也很简单,直接在Vue.config.js中配置

configureWebpack: {  
    resolve: {  
      symlinks: false  
    }  
}

感兴趣的读者可以去试一下,真的功能强大,跟打开了新世界的大门一样!