javascript - 如何将 lit-html 添加到现有项目中？

Question

我知道我可以lit-html使用<script type="module">say 中的标签导入index.html，但我无法访问html或render从单独的 JS 脚本（例如index.js）。这目前可能吗？

Answer 1

很抱歉回答了一个老问题，但文档可能自 2018 年以来已更新。现在他们提供了有关如何执行此操作的说明。

使用 npm 安装 lit-html：

npm install lit-html

然后像这样导入到你的 JS 文件中：

import {html, render} from './node_modules/lit-html/lit-html.js';

html然后在需要的地方打电话render()（https://lit-html.polymer-project.org/guide/getting-started#rendering-a-template）。

Answer 2

在你的 index.html 中使用这个 CDN

<script>https://cdn.jsdelivr.net/npm/lit-html@0.13.0/lit-html.d.ts</script>
<script>https://cdn.jsdelivr.net/npm/lit-html@0.13.0/lit-html.d.ts.map</script>
<script>https://cdn.jsdelivr.net/npm/lit-html@0.13.0/lit-html.js.map</script>

希望这能解决你的问题