前端核心工具：yrn、npm、cnpm三者如何优雅的在一起使用 ？

搞清楚三者下载包(依赖)的本质结果：

• 首先向对应的node_module文件夹下面下载包(如果你非要下到全局，那么再见)
• 再然后是json文件中添加对应的依赖字段,确定是线上依赖还是开发依赖
• 只要做到这两者 你就下包成功
• 总结就是 只要结果 过程管你是啥

使用yarn下载过的包，再使用npm cnpm下载 会重复下载，删除之前的包

• puppeteer这个包所依赖的mini版谷歌浏览器使用cnpm下载就可以完美解决
• prerender-spa-plugin这个包依赖上面的木偶戏 puppeteer这个包，也可以用cnpm下载
• 混合使用包管理器切记，不要重复下载依赖，npm cnpm下载依赖，一定要添加注明是什么依赖，是否全局安装
• yarn和npm i两者，选择前者，原因在上面有提到，总体来说，yarn是不二选择，但是其他两者也不可缺少，比如electron这个依赖，使用cnpm就可以完美一键安装

References

• [1] 手写优化版React脚手架: https://segmentfault.com/a/1190000019126657
• [2] 手写Vue的脚手架: https://segmentfault.com/a/1190000019207033
• [3] 前端性能优化不完全手册: https://segmentfault.com/a/1190000018827395

（编辑：宿州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!