Как добавить lit-html в существующий проект?

Question

Я понимаю, что могу импортировать lit-html используя <script type="module"> тег в скажем index.html, но я не могу получить доступ html или же render из отдельного сценария JS (например, index.js). Возможно ли это в настоящее время?

Answer 1

Извините, что отвечаю на старый вопрос, но документы, возможно, были обновлены с 2018 года. Теперь они содержат инструкции о том, как это сделать.

Установите lit-html с помощью npm :

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

Используйте этот CDN в вашем index.html

<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>

Надеюсь, что это решит вашу проблему