Webpack verschiedene Lader für verschiedene js-Einträge

Können Sie einen sekundären Eintrag mit einem anderen Ladersatz laden?Webpack verschiedene Lader für verschiedene js-Einträge

Zum Beispiel versuche ich einen Service-Mitarbeiter für Offline-Caching zu erstellen. Ich habe den Ordner, der den Service-Mitarbeiter enthält, ausgeschlossen und ihn auf der anderen Seite eingefügt. Es gibt keine Aufrufe an service-worker.js (es wird nur manuell in der statischen index.html geladen). Der Service-Mitarbeiter-Einstiegspunkt nimmt React und Hot Loader auf, anstatt nur durch Babel zu gehen. Hier sind die hervorstechenden Teile meiner Konfiguration.

Quelle

2015-04-28 puppybits

Ich sehe nicht, warum so etwas nicht funktionieren könnte. Haben Sie bestimmte Probleme mit dem Setup? –

Der Service-Worker-Eintrag wird mit allen Paketen von javsscript erstellt und enthält nicht nur die Datei 1 im Persistenzordner. – puppybits

Vielleicht ist die sicherste Wette, eine separate Konfiguration für Ihren Service-Mitarbeiter zu definieren. Das scheint mir die sauberste Lösung zu sein. –

Ich entschied mich für die Verwendung des Datei-Loader (mit Babel-Loader zum Vorverarbeiten der JS-Dateien). Es funktioniert sowohl im Hot-Loader als auch in meiner Docker/Node-Umgebung.

loaders: { 
    { 
    test: /\.(js|jsx)$/, 
    include: [/src/,/bower_components/], 
    exclude: [/persistence/], 
    loader: 'jsx?harmony!babel' 
    }, { 
    test: /\.js$/, 
    include: [/persistence/], 
    loader: 'file?name=[name].[ext]!babel' 
    }, 
    ... 
},

Diese Konfiguration schließt den Ordner von den normalen JS-Dateien und separat Kopien über die Service-Worker-Dateien in das Stammverzeichnis der Website.

Quelle

2015-05-18 17:22:23 puppybits

Webpack verschiedene Lader für verschiedene js-Einträge

Antwort

Verwandte Themen