vuejs-templates/webpack

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

Open

#1021 aperta il 1 nov 2017

Vedi su GitHub
 (6 commenti) (3 reazioni) (0 assegnatari)JavaScript (4466 fork)batch import
enhancementhelp wanted

Metriche repository

Star
 (9721 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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.

Guida contributor

Direzione di ricerca
Il problema richiede di indagare e risolvere i problemi del percorso delle risorse in produzione con css loader. Concentrati sulla soluzione proposta nel commento https://github.com/vuejs templates/webpack/issues/208#issuecomment 279959781 che suggerisce l'uso di percorsi relativi. Testa in tre scenari: richiedere risorse in JS rispetto a CSS, lavorare con la modalità history di vue router e il code splitting. Esamina la configurazione di webpack nel template, in particolare output.publicPath e le opzioni dei loader per url loader e file loader. Crea una riproduzione minima e considera l'aggiunta di test automatizzati per coprire questi casi.
Tech stack
javascriptvuecss
Dominio
frontendbuild systemtooling
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
3-5 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
JavaScriptVue.jsWebpack
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
30