前端组件库开发

通常我们会使用很多组件库,有时候我们会去看源码比如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来说明制作文档方便部署。

相关推荐
可乐鸡翅yeah_8 小时前
hls.js 手动自定义 http 请求 loader,修改请求头实战
开发语言·前端·javascript·网络协议·http·ecmascript·m3u8在线
IT_陈寒8 小时前
Vite静态资源导入这个坑我帮你们踩过了
前端·人工智能·后端
广州华水科技8 小时前
大坝安全监测解决方案:单北斗GNSS形变监测系统应用与维护
前端
yivifu9 小时前
中文古籍电子书注释集成
前端·javascript·python·beautifulsoup·epub
默_笙9 小时前
🛴 从散件到整机:DeepAgents 与 Agent 身上预留的那些"插槽"(前置介绍)
前端·javascript
zhangzeyuaaa10 小时前
深入理解 Ruby 运算符:本质、分类、坑点与重载实战
开发语言·前端·ruby
一木 之林10 小时前
DeepSeek Agent 开发(一)
开发语言·前端·javascript
树下水月11 小时前
Typora破解
linux·服务器·前端
用户55084929025611 小时前
CSS布局实战:从Flex到Grid的完整避坑指南
前端
用户55084929025611 小时前
前端接口请求层怎么封装?一个可落地的请求方案
前端