聚合物服務/ 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？

回答

相關問題