前端组件库开发

通常我们会使用很多组件库,有时候我们会去看源码比如element,antd,然后发现多少是按需导出,和vue.use全局注册,依赖于框架的拓展。

组件库的开发依赖框架的版本和node的版本,这个是需要说明的,然后vue2 3 兼容的组件库虽然可以开发比如使用兼容的vuedemi之类的插件,但还是不是那么纯粹。

最近才开发地图的时候,通过webpack搭建打包,构建一个自己的打包项目webpack-dev-server与vue-loader和环境配置区分来配置output产出不同的文件,以及热更新来让本地测试,并没有做单元组件测试用例,因为还未成体系然后又急于投入使用,通常我打包入口为install函数和mainjs文件区分。

然后通过script命令打包区分 如图所示 现在使用vite开发webpack打包或者webpack开发vite打包 物尽其用方便,因为vite也是esbuild与rollup,优秀的就1+1大于2

关于文档是使用jsdoc来制作 结合了一下模板插件 以及注释来完成 制作通过注释来生成对于的方法html页面,然后部署,当然你也可以使用vuepress手动md来说明制作文档方便部署。

相关推荐
西洼工作室5 分钟前
前端接口安全与性能优化实战
前端·vue.js·安全·axios
大布布将军5 分钟前
《前端九阴真经》
前端·javascript·经验分享·程序人生·前端框架·1024程序员节
幸运小圣8 分钟前
for...of vs for 循环全面对比【前端JS】
开发语言·前端·javascript
用户95451568116225 分钟前
实际开发中 | 与 || 的使用方法及组件封装方案解析
前端
得帆云低代码26 分钟前
COC Asia 2025|得帆云 ETL:顺应 Hive 新特性,重塑数据管道的未来
前端
十字路口的火丁1 小时前
前端开发如何灵活使用 css 变量
前端
_志哥_1 小时前
深度解析:解决 backdrop-filter 与 border-radius 的圆角漏光问题
前端·javascript·html
南囝coding1 小时前
100% 用 AI 做完一个新项目,从 Plan 到 Finished 我学到了这些
前端·后端
qiao若huan喜1 小时前
10、webgl 基本概念 + 坐标系统 + 立方体
前端·javascript·信息可视化·webgl
前端一课2 小时前
Vue3 的 Composition API 和 Options API 有哪些区别?举例说明 Composition API 的优势。
前端