Closed ruibaby closed 1 year ago
原因:使用 Lit 构建 Web Component 可以获得更小的体积,目前的方式是将一个完整的 Vue 实例挂载到一个 ShadowDom,本身搜索组件的业务并不大,但最终构建产物在 gzip 之后还有接近 100k。使用 Lit 重构可以尽可能让组件更加存粹,并且封装之后的组件可以应用于各种 JS 框架,甚至不使用框架。
https://lit.dev/
初步验证:
当前版本:
原因:使用 Lit 构建 Web Component 可以获得更小的体积,目前的方式是将一个完整的 Vue 实例挂载到一个 ShadowDom,本身搜索组件的业务并不大,但最终构建产物在 gzip 之后还有接近 100k。使用 Lit 重构可以尽可能让组件更加存粹,并且封装之后的组件可以应用于各种 JS 框架,甚至不使用框架。
https://lit.dev/
初步验证:
当前版本: