javascript - VUEX は webpack でホット リロードをどのように使用しますか? CSS ホットリロードを実装するにはどうすればよいですか?

Question

開発には webpack-dev-server を使用します
次に、CSS を更新するために vuex の状態を維持したいと思います。

webpack-dev-server --hot

を使用すると、状態を維持できますが、更新できるのは js だけであり、CSS は変更後に応答がありません (.vue ファイル内) webpack-dev-server --inline を使用する場合、CSS を更新できますが、状態を維持できません
＃＃＃解決！

Answer 1

質問と回答:
CSS を抽出するために extract-text-webpack-plugin を使用した開発環境に問題があり、ブラウザのキャッシュが原因で (考えられる理由)、CSS の変更がブラウザに送信されませんでした。

そのため、解決策は、CSS を HTML の style タグに直接出力して、CSS のホットリロードが有効になるようにすることです (VUEX 状態を維持します)。自分で持参する必要はありません。 vue-hot-reload-api,vue-loader

少し質問があります、なぜ js は別のファイルに抽出されるのですが、ホットリロードをサポートしており、キャッシュの問題はありませんが、CSS は問題を抱えています。おそらく vue-loader のホットリロードの根本的な実装に関連していると思います。

Answer 2

私のこのブログを参照してください:

http://ewind.us/2017/webpack-...

NPM コマンドは webpack-dev-server --hot --inline 即可。另外记得添加 vue-hot-reload-api 依存関係を必要とします。