javascript - Bagaimanakah VUEX menggunakan muat semula panas dengan webpack? Bagaimana untuk melaksanakan muat semula panas CSS?
阿神
阿神 2017-07-05 11:03:20
0
2
1078

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!

阿神
阿神

闭关修行中......

membalas semua(2)
学霸

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.

小葫芦

Boleh rujuk blog saya ini:

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

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!