简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Comment Vuex utilise-t-il le rechargement à chaud avec Webpack? Comment implémenter le rechargement à chaud CSS ?
阿神
阿神 2017-07-05 11:03:20
0
2
1049

Utilisezwebpack-dev-serverpour développer
Maintenant, je souhaite conserver le statut de vuex pour mettre à jour CSS,

Si vous utilisezwebpack-dev-server --hot, vous pouvez maintenir l'état mais ne pouvez mettre à jour que js, css ne répondra pas après modification (dans le fichier.vue)webpack-dev-server --hot可以保持状态但只能更新js, css修改了没反应（.vue文件里面）
如果使用webpack-dev-server --inlineSi vous utilisezwebpack-dev-server --inline, vous pouvez mettre à jour le CSS, mais ne pouvez pas conserver l'état

Trouvez la solution !

阿神
阿神

闭关修行中......

répondre à tous (2)
学霸
学霸2017-07-05 11:05:20 2 plancher

Question et réponse :
Le problème réside dans l'environnement de développement. J'ai utiliséextract-text-webpack-pluginpour extraire le CSS En raison du cache du navigateur (raison possible), les modifications CSS n'ont pas été transmises au navigateur.

La solution est donc de sortir directement le CSS dans la balise de style en HTML, afin que le rechargement à chaud du CSS prenne effet (en maintenant l'état VUEX). Pas besoin d'apporter le vôtre.vue-hot-reload-api,vue-loader

J'ai une petite question, pourquoi js est-il extrait dans un fichier séparé, mais il prend en charge le rechargement à chaud, et il n'y a pas de problème de mise en cache, mais CSS oui. Je pense que cela peut être lié à l'implémentation sous-jacente du rechargement à chaud de vue-loader.

Comme+0
Ajouter une réponse
    小葫芦
    小葫芦2017-07-05 11:05:20 1 plancher

    Vous pouvez vous référer à mon blog :

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

    Les commandes

    NPM prennentwebpack-dev-server --hot --inline即可。另外记得添加vue-hot-reload-apidépendances.

    Comme+0
    Ajouter une réponse
      Sujets populaires
      Plus>
      Articles populaires
      Tutoriels populaires
      Plus>
      Tutoriels associés
      Recommandations populaires
      Derniers cours
      Derniers téléchargements
      Plus>
      effets Web
      Code source du site Web
      Matériel du site Web
      Modèle frontal
      À propos de nous Clause de non-responsabilité Sitemap
      Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！