【问题标题】:Watch and reaload for polymer serve / polyserve?观看并重新加载聚合物服务/聚合服务?
【发布时间】:2017-05-11 20:45:41
【问题描述】:

我正在尝试找到一种方法,让 polyserve / polymer-cli 在每次“监视”文件发生更改时重新加载我的浏览器,但除了将 Livereload 添加到 HTML 文件之外,我没有发现任何其他内容我认为这将是一团糟,因为在开发 Web 组件时我会加载单独的 HTML 文件。

【问题讨论】:

  • 此功能正在处理PR。您可以等待它登陆,或者更新您的构建以使用gulp 并添加一个实时重新加载插件(例如browsersync)。您还可以查看Polymer Starter Kit 1.3.0(旧)以了解他们的browsersync 用法。

标签: polymer reload watch polymer-cli serve


【解决方案1】:

要在项目中使用 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 组件开发的)

【讨论】:

  • 非常感谢!有效。如果有人像我一样在 https 下运行服务器,请记住将 --https 传递给 browser-sync 以正常工作。
  • 如果有人在使用 polymer-cli 并请求 live-reload,我认为这意味着他/她已经安装了 npmyarn
【解决方案2】:

我正在使用polyserve-watch,它使用 polyserve 和 browser-sync 监视、服务和重新加载 web 组件。

最好的问候

【讨论】:

猜你喜欢
  • 2023-04-04
  • 2014-12-09
  • 2020-01-30
  • 1970-01-01
  • 2011-02-01
  • 2020-10-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多