摘要: 马上2022年了,我们需要尝试打造自己的工具库😄 最终示例 @magic-zhu/helper这个是我们自己发布到npm的demo包然后在项目中使用 npm install @magic-zhu/helper const helper = require ('@magic-zhu/helper') 阅读全文
posted @ 2021-12-26 15:27 下一个十年 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 在vue项目开发中,我们会将经常用到的逻辑或模块抽象成组件,对于那些多个项目都有用到的组件,可以考虑封装成组件库,发布到npm。每次要到只需要npm install xx一下,就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 使用vue组件库的常见方式 1、通过script标签引入 <b 阅读全文
posted @ 2021-12-26 15:16 下一个十年 阅读(337) 评论(0) 推荐(0) 编辑
摘要: rollup 是一个 JavaScript 模块打包器,在功能上要完成的事和webpack性质一样,就是将小块代码编译成大块复杂的代码,例如 library 或应用程序。在平时开发应用程序时,我们基本上选择用webpack,相比之下,rollup.js更多是用于library打包,我们熟悉的vue、 阅读全文
posted @ 2021-12-26 15:15 下一个十年 阅读(955) 评论(0) 推荐(0) 编辑
摘要: 老生常谈工具库,每个公司都应该需要一个工具库去处理一些公共重复的代码,比如公共函数,ajax,微信sdk,本地存储等等,目前构建工具大行其道,我觉得是时候摆脱复制粘贴的代码了,这里我对基于rollup构建工具库进行了一个总结(相比webpack更加配置简单,代码也清晰很多吧),更多是项目的组织,毕竟 阅读全文
posted @ 2021-12-26 15:12 下一个十年 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 对于维护过多个package的同学来说,都会遇到一个选择题,这些package是放在一个仓库里维护还是放在多个仓库里单独维护,本文通过一个示例讲述了如何基于Lerna管理多个package,并和其它工具整合,打造高效、完美的工作流,最终形成一个最佳实践 背景 最近在工作中接触到一个项目,这个项目是维 阅读全文
posted @ 2021-12-26 11:07 下一个十年 阅读(215) 评论(0) 推荐(0) 编辑