聚合物服务/ polyserve的手表和reaload？

我试图找出一种方法，使polyserve/polymer-cli重新加载我的浏览器每次一个“看过”的文件更改，但我还没有发现任何东西除了将Livereload添加到我认为将会是HTML文件由于在开发Web组件时我加载了单独的HTML文件。聚合物服务/ polyserve的手表和reaload？

来源

2016-12-27 AlbertFM

有一个[PR]（https://github.com/PolymerLabs/polyserve/pull/135）正在进行此功能。您可以等待它着陆或更新您的构建以使用'gulp'并添加一个实时重载插件（例如['browsersync']]（https://browsersync.io/docs/gulp））。您也可以查看[Polymer Starter Kit 1.3.0]（https://github.com/PolymerElements/polymer-starter-kit/releases/tag/v1.3.0）（旧版），以了解他们的“浏览器同步”用法。 – tony19

对于在项目中使用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" 
    } 
}

（如果它是一个普通聚合物应用程序，你应该删除--startPath参数作为即用于聚合物组分开发）

来源

2017-11-14 10:49:48

非常感谢！有效。如果有人像我一样在https下运行服务器，请记住将'--https'传递给'browser-sync'以正常工作。 – AlbertFM

聚合物服务/ polyserve的手表和reaload？

回答

相关问题