2015-10-23 2 views
5

Uso il webpack per raggruppare i file e importare i CSS. All'interno di un file CSS incluso da bootstrap, c'è un riferimento a /fonts/glyphicons-halflings-regular.ttf.Riscrivere URL nel pacchetto web

Esiste un modo per ordinare a Webpack di montare file da/node_modules/bootstrap-css-only/fonts/to/fonts? O per riscrivere la richiesta HTTP tramite il server di sviluppo webpack basato su un'espressione regolare?

Siamo spiacenti se questo è super base, nuovo per il webpack.

risposta

2

È possibile utilizzare file del caricatore e regolare [percorso] variabile:

loaders: [ 
    { 
     test: /\.(png|jpg|svg|ttf|eot|woff|woff2)$/, 
     loader: 'file?name=[path][name].[ext]' // your case: 'file?name=fonts/[name].[ext]' 
    } 
... 
], 

In questo caso, tutti i file corrispondenti verranno collocati nella cartella "fonts /".