2016-12-27 4 views
1

「見た」ファイルが変更されるたびに/polymer-cliにブラウザをリロードする方法を見つけ出そうとしていますが、私が考えると思われるHTMLファイルにLivereload Webコンポーネントを開発するときに別々のHTMLファイルを読み込むことが原因で混乱します。polymer serve/polyserveのウォッチとリアルトを教えてください:

+1

この機能のために進行中の[PR](https://github.com/PolymerLabs/polyserve/pull/135)があります。これを待つか、ビルドを更新して 'gulp'を使用し、ライブのリロードプラグイン(' 'browsersync'(https://browsersync.io/docs/gulp)など)を追加することができます。 'browsersync'の使い方から学ぶには、[Polymer Starter Kit 1.3.0](https://github.com/PolymerElements/polymer-starter-kit/releases/tag/v1.3.0)(旧式)を見ることもできます。 – tony19

答えて

1

プロジェクトでPolymer CLIをサーバーとして自動リロードする場合は、node/yarnがインストールされている必要があります。次に、browser-syncをローカルにインストールする必要があります。通常のポリマーアプリはあなたのように--startPath引数を削除する必要があり、その場合は

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

(:

npm install -D browser-sync

または

yarn add browser-sync --dev

あなたpackage.jsonファイルのようなものを見てする必要がありますポリマー成分開発用)

+0

ありがとう!出来た。もし誰かが私のようにhttpsでサーバを走らせれば '--https'を' browser-sync'に渡して正しく動作することを忘れないでください。 – AlbertFM

関連する問題