I percorsi di immagine del css-loader del webpack devono rimanere relativi alla posizione del foglio di stile

Question

Ho bisogno che tutti gli iamges siano relativi al foglio di stile locale. Se aggiungo root =. , che ho preparato per url (/ percorso /), quindi ho bisogno di aggiungere un caricatore di file e il percorso è comunque sbagliato.

Se scrivo il percorso relativo direttamente nel CSS, devo anche usare un fileloader. Se scrivo un percorso non relativo in CSS, non vi è alcun cambiamento nei percorsi CSS, ma le immagini non possono essere caricate poiché devono essere relative al percorso del foglio di stile, non c'è altro modo per caricarle correttamente. Uso anche ExtractTextPlugin per avere file separati per CSS ma i percorsi sono comunque sbagliati, con o senza ExtractTextPlugin.

Answer 1

Capito. È necessario aggiungere? Name = [percorso] [nome]. [Ext] al caricatore di file.

{ test: /\.jpg$/, loader: "file-loader?name=[path][name].[ext]" }