5

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

4

2 回答 2

9

为了在项目中使用 Polymer CLI 作为服务器自动重新加载，您应该安装node / yarn。然后你需要在本地安装browser-sync 。

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 组件开发的）

于 2017-11-14T10:49:48.610 回答
1

我正在使用polyserve-watchpolyserve 和 browser-sync`` 来监视、服务和重新加载 web 组件。

此致

于 2019-10-30T12:54:24.453 回答