如何在节点模块中部署具有Web组件依赖关系的GitHub页面

Question

我正在尝试使用Github页面来托管我的网站。我目前正在使用Web组件和Lit (无Lit元素)。没有服务器端代码。仅使用NPM和节点模块。我想要构建站点并发布到我的git分支gh-pages，但我不太确定我需要采取哪些步骤，因为目前的页面错误，因为它找不到依赖。

我目前正在运行本地使用WAMP在我的Windows机器的网站。在这里工作得很好。不确定是否有可能编译代码，使其以Jekyll格式

编辑:我知道如何将代码推送给Github。只是不确定Github是如何使用构建站点的。

这是我的Package.json

{
  "name": "Repo",
  "version": "1.0.0",
  "description": "Description",
  "dependencies": {
    "@webcomponents/webcomponentsjs": "^2.2.1",
    "lit-html": "^1.0.0"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/username/Repo.git"
  },
  "author": "ME",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/username/Repo/issues"
  },
  "homepage": "https://homepage.com"
}

Answer 1

这取决于您希望从何处获取依赖项。

你想自己在自己的网站上托管它们吗？也许没必要。相反，您可以直接从原始CDN中获取它们。

对于webcomponentsjs，根据他们的网站，它在unpkg.com CDN上。

<script src="https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script>

对于lit，据医生说，它也在unpkg.com CDN上：

import {html, render} from 'https://unpkg.com/lit-html?module'