如何在實時Web服務器上部署/使用lit-html，lit-element

Question

我開始嘗試使用lit-html和lit-elements，並對其進行處理，現在我陷入了一個無法找到如何在線發布此類代碼的問題。 從未在在線平台上使用Node-js程序包，僅使用過其中的部分代碼。 通常，我會構建簡單的php / html模板，但是我想嘗試一下。

建立一些可以正常工作的測試用例。 但是到處搜索Google，以了解如何將這種代碼在線發布到Internet。 我正在使用帶有SSH之類的許多選項的共享主機，但無法找到使此工作正常進行的方法，它不能像在服務器上運行npm install那樣簡單嗎？

Answer 1

關於Web組件，lit-html和朋友的新世界，最好的事情是我們實際上不需要npm，我們不需要編譯或根本不需要任何構建步驟

這些天，我們可以使用es-modules直接從CDN加載內容，例如unpkg或jsdelivr

看一下困擾的github自述文件上的演示-這就是您所需要的！

<!doctype html>
<html lang="en">

<my-counter></my-counter>

<script type="module">
  import { html } from 'https://unpkg.com/lit-html/lit-html.js';
  import { component, useState } from 'https://unpkg.com/haunted/haunted.js';

  function Counter() {
    const [count, setCount] = useState(0);

    return html`
      <div id="count">${count}</div>
      <button type="button" @click=${() => setCount(count + 1)}>Increment</button>
    `;
  }

  customElements.define('my-counter', component(Counter));
</script>

在此Codepen示例上進行實時檢查

👋追逐

如何在實時Web服務器上部署/使用lit-html，lit-element

問題描述

1 個解決方案

解決方案1
0 2019-09-08 23:08:39

如何在實時Web服務器上部署/使用lit-html，lit-element

問題描述

1 個解決方案

解決方案1 0 2019-09-08 23:08:39

解決方案1
0 2019-09-08 23:08:39