观看和简易聚合物服务/聚酯?

时间:2016-12-27 14:48:47

标签: polymer reload watch polymer-cli serve

我正在尝试找出一种让polyserve / polymer-cli每次“观看”文件发生变化时重新加载浏览器的方法,但我没有发现添加{{3由于在开发Web组件时我加载了单独的HTML文件,因此我认为HTML文件会变得一团糟。

2 个答案:

答案 0 :(得分:6)

要在项目中使用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参数,就像聚合物组件开发一样)

答案 1 :(得分:1)

我正在使用polyserve-watch,它使用polyserve和browser-sync监视,提供和重新加载Web组件。

最诚挚的问候