Maison > interface Web > js tutoriel > le corps du texte

Parfois, le fichier de ressources est introuvable une fois l'image de référence CSS empaquetée.

php中世界最好的语言
Libérer: 2018-03-28 09:45:55
original
2508 Les gens l'ont consulté

Cette fois, je vais vous expliquer la raison pour laquelle les fichiers de ressources ne peuvent pas être trouvés après l'empaquetage des images de référence CSS. Quelles sont les précautions pour résoudre le problème des fichiers de ressources introuvables après l'empaquetage des images de référence CSS. Voici le combat réel. Jetons un coup d'œil au cas.

Utilisez vue pour empaqueter et référencer des ressources d'images via CSS.

.img { 
  height: 500px; 
  width: 100%; 
  background: url("./assets/img/1.jpg") no-repeat; 
  background-size: 100%; 
 }
Copier après la connexion

L'effet de la mise à jour à chaud de l'environnement de développement est le suivant

Mais la page après l'emballage signale une erreur indiquant que la ressource est introuvable.

J'ai vérifié la raison. Après que le CSS ait importé l'image puis l'ait empaquetée, le chargeur de style n'a pas pu définir son propre publicPath, j'ai donc modifié le CSS de ExtraireTextPlugin chemin publicPath.

if (options.extract) { 
   return ExtractTextPlugin.extract({ 
    use: loaders, 
    // css 引用图片打包问题 
    publicPath: '../../../', 
    fallback: 'vue-style-loader' 
   }) 
  } else { 
   return ['vue-style-loader'].concat(loaders) 
  }
Copier après la connexion
Après avoir construit une fois, aucune erreur n'a été signalée et elle s'est affichée normalement !

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment gérer l'échec des ressources de polices et d'images après l'empaquetage de vue

Comment résoudre le problème que l'icône de la police Webpack ne peut pas être affichée

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
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!