观察和重新加载聚合物服务/多服务?

Question

我正在尝试找出一种方法来使polyserve/polymer-cli在每次"监视"文件更改时重新加载我的浏览器，但是除了将Livereload添加到HTMLs文件之外，我没有发现任何东西，我认为这将是一团糟，因为在开发Web组件时，我加载了单独的HTML文件。

Answer 1

为了在项目中使用聚合物 CLI 作为服务器自动重新加载，您应该安装节点/纱线。然后，您需要在本地安装浏览器同步。

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"
}
}

(如果是常规的聚合物应用程序，则应删除--startPath参数，因为这用于聚合物组件开发)

Answer 2

我正在使用polyserve-watch，它使用polyserve和浏览器同步来监视，服务和重新加载Web组件"。

此致敬意