监视并重载聚合物发球/ polyserve吗？

Question

我试图找出一种方法，使“每次观看的”文件发生更改时，polyserve / polymer-cli都可以重新加载浏览器，但是除了将Livereload添加到我认为将要添加到HTMLs文件中之外，我没有发现任何其他方法由于开发Web组件时我会加载单独的HTML文件，因此一团糟。

Answer 1

为了在项目中使用Polymer CLI作为服务器自动重载，您应该安装node / yarn。然后，您需要在本地安装浏览器同步。

npm install -D browser-sync

要么

yarn add browser-sync --dev

您的package.json文件将需要如下所示：

{
  "name": "MY-ELEMENT",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "start": "npm run serve | npm run watch",
    "serve": "polymer serve --port 8080",
    "test": "polymer test",
    "watch": "browser-sync start --proxy localhost:8080 --open --startPath \"components/MY-ELEMENT\" --files \"**/*.html\""
  },
  "devDependencies": {
    "browser-sync": "^2.18.13"
  }
}

（如果它是常规的Polymer应用，则应删除该--startPath参数，因为它是用于Polymer组件开发的）