加餐｜进阶篇思考题答疑
杨文坚
你好，我是杨文坚。
在进阶篇中，我们着手打造自己的 Vue.js 3.x 自研组件库，分别开发了主题方案、基础组件比如按钮组件、动态渲染组件、布局组件、表单组件，为我们开发业务组件库和打造一个运营搭建平台打好基础。
最后，出于组件库代码的“稳定性”和“健壮性”考虑，我们基于 Vitest，实现了 Vue.js 3.x 组件库的单元测试。
今天我们会对进阶篇做一次统一的答疑，如果还有疑问，也欢迎你留言。
08
提问：组件库的按需加载实现方式，还有其它的方案吗？
有其它方案的。思考这个问题，要理清楚一点，这里的“按需加载”指的是，在编译过程中，根据实际项目“import”的组件，进行独立 JavaScript 文件加载，没有“import”到的组件就不加载。
那么在编译过程中，我们可以在 JavaScript 代码的语法树（AST）上做处理，Ant Design 团队就开发了一个 babel 插件，叫“babel-plugin-import”，可以根据实际组件库的构建结果文件的目录结构，进行自定义的配置组件的按需加载，具体插件 npm 链接在这里：https://www.npmjs.com/package/babel-plugin-import 。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
本文是关于Vue.js 3.x自研组件库进阶篇的答疑文章。作者杨文坚介绍了在进阶篇中打造自己的Vue.js 3.x自研组件库的过程，包括主题方案、基础组件、单元测试等内容。在答疑中，作者回答了关于组件库的按需加载实现方式、主题控制、动态渲染组件的数据通信、布局组件的兼容性、表单组件的数据提交管理以及动态表单的联动操作等问题。文章内容涵盖了组件库开发中的实际问题和解决方案，对于Vue.js 3.x组件库开发感兴趣的读者具有一定的参考价值。
仅可试看部分内容，如需阅读全部内容，请付费购买文章所属专栏
《Vue 3 企业级项目实战课》，新⼈⾸单¥59
《Vue 3 企业级项目实战课》，新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示，欢迎踊跃留言。
收起评论