vuejs-templates/webpack

[Placeholder]: Clear up situation with assets paths in production for css-loader

Open

#1.021 geöffnet am 1. Nov. 2017

Auf GitHub ansehen
 (6 Kommentare) (3 Reaktionen) (0 zugewiesene Personen)JavaScript (4.466 Forks)batch import
enhancementhelp wanted

Repository-Metriken

Stars
 (9.721 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

We have had multiple issues like #208 (#563, #552 ) which seem to show that under specific circumstances the paths generated by url-loader/file-loader are wrong.

But to be perfectly honest, I wasn't able to wrap my head around it, especially when trying to thing about how to test the proposed solution of using relative paths under various circumstances:

  • requiring assets in JS vs.in CSS
  • working paths when using vue-router in 'history' mode
  • working paths when using code-splitting

So If anyone can help shed some light on this and work out a robust solution, I'd be delighted.

Contributor Guide

Research-Richtung
Das Issue fordert dazu auf, Asset Pfadprobleme in der Produktion mit css loader zu untersuchen und zu beheben. Konzentriere dich auf die in Kommentar https://github.com/vuejs templates/webpack/issues/208#issuecomment 279959781 vorgeschlagene Lösung, die relative Pfade vorschlägt. Teste unter drei Szenarien: Anfordern von Assets in JS vs. CSS, Arbeiten mit dem vue router history Modus und Code Splitting. Untersuche die Webpack Konfiguration in der Vorlage, insbesondere output.publicPath und die Loader Optionen für url loader und file loader. Erstelle eine minimale Reproduktion und erwäge, automatisierte Tests hinzuzufügen, um diese Fälle abzudecken.
Tech Stack
javascriptvuecss
Domain
frontendbuild systemtooling
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
3-5 Tage
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
JavaScriptVue.jsWebpack
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
30