javascript - Bagaimanakah VUEX menggunakan muat semula panas dengan webpack? Bagaimana untuk melaksanakan muat semula panas CSS?

Question

Gunakan webpack-dev-server untuk membangunkan
Sekarang saya mahu mengekalkan status vuex untuk mengemas kini CSS,

Jika anda menggunakan webpack-dev-server --hot, anda boleh mengekalkan keadaan tetapi hanya boleh mengemas kini js, css tidak akan bertindak balas selepas pengubahsuaian (dalam fail .vue ) webpack-dev-server --hot 可以保持状态但只能更新js, css修改了没反应（.vue文件里面）
如果使用 webpack-dev-server --inlineJika anda menggunakan webpack-dev-server --inline boleh mengemas kini CSS, tetapi tidak dapat mengekalkan keadaan

Cari penyelesaiannya!

Answer 1

Soal jawab:
Masalahnya terletak pada persekitaran pembangunan yang saya gunakan extract-text-webpack-pluginuntuk mengekstrak CSS Disebabkan cache pelayar (kemungkinan sebab), perubahan CSS tidak dihantar ke penyemak imbas.

Jadi penyelesaiannya ialah dengan terus mengeluarkan CSS ke teg gaya dalam HTML, supaya muat semula panas CSS berkuat kuasa (mengekalkan keadaan VUEX). Tak perlu bawak sendiri. vue-hot-reload-api,vue-loader

Saya ada sedikit soalan, mengapa js diekstrak ke dalam fail berasingan, tetapi ia menyokong muat semula panas, dan tiada masalah caching, tetapi CSS melakukannya. Saya fikir ia mungkin berkaitan dengan pelaksanaan asas pemuatan semula panas vue-loader.

Answer 2

Boleh rujuk blog saya ini:

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

Arahan NPM mengambil webpack-dev-server --hot --inline 即可。另外记得添加 vue-hot-reload-api kebergantungan.