2016-04-18 17 views
1

React、VueJS(github.com/vuejs/vue-loader)、またはAngular(github)に実装されているように、HMRを利用してアプリケーション状態を保持するPolymerで使用するWebpack用のローダーを実装することは、 .com/yargalot/Angular-HMR)?ポリマーパック用にWebpack HMRを実装することは可能ですか?

ポリマーコンポーネントのファイルを変更すると、アプリケーション全体をリロードしないように開発中に多くの手助けをします。

+1

これで問題が解決する可能性があります。 https://github.com/aruntk/wc-loader デモhttps://github.com/aruntk/polymer-webpack-demo – tkay

答えて

2

AFAIKポリマー成分のWebpackベースのホットリロードを行う簡単な方法はありません。
これは、webpacketsベースのスタック(ES2015モジュールとローダーを使用)と比較して、web-components/Polymerのインポートの依存関係が(HTMLインポートを使用して)異なっているためです。このissueも参照してください。 ES2015モジュールを使用してHTML仕様を実装するのは困難ですが、仕様が確定したら(これには時間がかかります)。

アプリケーション状態管理にreduxを使用し、ポリマー要素をできるだけステートレスにしておけば、開発中に役立つreducersのHMRを少なくとも落とすことができます。
ウェブパック+ポリマーを組み合わせるには、thisまたはthisレポをチェックすることができます。