lit

简单的。快速地。网络组件。

Lit 是一个简单的库，用于构建快速、轻量级的 Web 组件。

Lit 的核心是一个消除样板的组件基类，它提供反应式状态、作用域样式和一个小型、快速且富有表现力的声明性模板系统。

文档

请参阅 lit.dev 上的 Lit 完整文档。

对于希望贡献或了解有关该项目的更多信息的开发人员，可以在dev-docs中找到其他文档。

新项目管理

从 npm 安装：

npm i lit

利特·莫诺雷波

这是 Lit 包的 monorepo。

lit 2.x 源代码可在2.x分支上找到。 lit-html 1.x 源代码可在lit-html-1.x分支上找到。

套餐

• 核心包
  • lit - Lit 的主要面向用户的包，其中包括 lit-html 和 lit-element 的所有内容。
  • lit-element - Lit 中使用的 Web 组件基类。
  • lit-html - LitElement 使用的渲染库。
  • @lit/reactive-element - 一个低级基类，提供基于属性/属性更改的反应式生命周期。
• 附加库
  • @lit/localize - 一个库和命令行工具，用于本地化使用 Lit 构建的 Web 应用程序。
  • @lit/localize-tools - 与@lit/localize一起使用的本地化工具。
  • @lit/react - Web 组件的 React 组件包装器。
  • @lit/task - 用于渲染异步任务的 Lit 控制器。
  • @lit/context - 使用浏览器事件通过元素树传递数据的系统，避免需要使用社区定义的协议将属性传递到树的每一层。
• 实验室
  • @lit-labs/ssr - 用于在服务器上渲染 Lit 模板和组件的服务器包。
  • @lit-labs/ssr-client - 一组客户端支持模块，用于使用@lit-labs/ssr在服务器上渲染 Lit 组件和模板。
  • @lit-labs/eleventy-plugin-lit - Eleventy 的插件，使用@lit-labs/ssr和可选的水合作用来预渲染 Lit 组件。
  • @lit-labs/ssr-react - 用于将 Lit SSR 与 React 和 React 框架集成的包。
  • @lit-labs/nextjs - Next.js 的插件，支持使用 Lit SSR 对 Lit 组件进行深度服务器渲染。
  • @lit-labs/router - Lit 的路由器。
  • @lit-labs/motion - 让事物移动的 Lit 指令
  • @lit-labs/scoped-registry-mixin - LitElement 的 mixin，与推测的 Scoped CustomElementRegistry polyfill 集成。
  • @lit-labs/observers - 一组方便使用平台观察者对象的反应控制器。
  • @lit-labs/preact-signals - Lit 的 Preact Signals 集成。
  • @lit-labs/testing - 用于测试 Lit 组件的实用程序。
  • @lit-labs/virtualizer - 基于视口的虚拟化（包括虚拟滚动）。
  • @lit-labs/compiler - 用于优化 Lit 模板的编译器。
• 入门套件（未发布到 npm）
  • lit-starter-ts （模板存储库） - 用于在 TypeScript 中使用 Lit 构建可重用组件的入门存储库。
  • lit-starter-js （模板存储库） - 用于在 JavaScript 中使用 Lit 构建可重用组件的入门存储库。
• 内部包（未发布到 npm）
  • tests - monorepo 的测试基础设施。
  • benchmarks - 用于测试 monorepo 中各种库的基准。
  • @lit-internal/scripts - monorepo 中使用的实用程序脚本。

为点燃做出贡献

Lit 是开源的，我们感谢问题报告和拉取请求。请参阅 CONTRIBUTING.md 了解更多信息。

设置 lit monorepo 进行开发

初始化仓库：

git clone https://github.com/lit/lit.git
cd lit
npm ci

构建所有包：

npm run build

测试所有包：

npm run test

为所有包运行基准测试：

npm run benchmarks

有关针对特定包进行开发的详细信息，请参阅各个包的自述文件。