如何将Polymer3应用部署到GH页面？

Question

我已经创建了一个使用聚合物命令行界面的polymer3应用程序。我似乎无法正确配置polymer.json文件，这样当我部署到GH页面时，一切都会正确加载。

目前，我的polymer.json是这样的：

{
"entrypoint": "index.html",
  "shell": "src/site-app/site-app.js",
  "sources": [
    "src/site-app/**",
    "package.json",
    "css/**",
    "js/**"
  ],
  "extraDependencies": [
    "manifest.json",
    "node_modules/@webcomponents/**",
    "node_modules/@polymer/**",
    "node_modules/@fabricelements/**",
    "node_modules/web-animations-js/**"
  ],
  "moduleResolution": "node",
  "npm": true,
  "lint": {
    "rules": [
      "polymer-3"
    ]
  },
  "builds": [{
    "preset": "es6-unbundled"
  }]
}

我在Chrome上的Dev控制台中看到的错误是以下

web-animations-next-lite.min.js:1 Failed to load resource: the server responded with a status of 404 ()
web-animations.min.js:1 Failed to load resource: the server responded with a status of 404 ()
webcomponents-loader.js:1 Failed to load resource: the server responded with a status of 404 ()
8
website.github.io/:1 Uncaught TypeError: Failed to resolve module specifier "@polymer/polymer/polymer-element.js". Relative references must start with either "/", "./", or "../".

如何修复我的polymer.json，以便正确地部署到GH页面？

Answer 1

polymer.json只是聚合物构建的配置。Github页面不会为你下载或托管任何东西，除了你的repo中的东西。所以你需要从https://cdnjs.com这样的cdn加载任何不在你的存储库中的东西(npm依赖项)。