vuejs-templates/webpack

Relative static assets in CSS folder

Open

#932 ouverte le 20 sept. 2017

Voir sur GitHub
 (8 commentaires) (10 réactions) (0 assignés)JavaScript (4 466 forks)batch import
help wantedneed repro

Métriques du dépôt

Stars
 (9 721 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

Just opening a new issue confirming that bug #208 still exists and @githoniel's solution is still necessary today.

This has all to do with using relative paths in CSS files.

<style>
  .element {
    background-image: url('~./assets/img/bg.png');
    // works in dev
    // in production, browser will try to retrieve /static/css/assets/img/bg.png
  }
</style>

Guide contributeur

Direction de recherche
Vérifiez la configuration du chargeur CSS de webpack pour garantir que les chemins relatifs des assets soient correctement résolus dans les builds de production.
Stack technique
javascriptvue
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
WebpackCSSVue
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70