Webpack: benutze nur einige Einstiegspunkte mit dev server

Question

Ich habe ziemlich komplexe Webpack-Konfiguration und für die Entwicklung muss ich nur wenige Einstiegspunkte durch webpack-dev-Server verwenden. Rest wird wie üblich in das Dateisystem kompiliert. Gibt es eine Möglichkeit, dies zu tun oder ich muss 2 Webpack-Konfigurationen haben und separat ausführen.

einfaches Beispiel

{ 
    entry: { 
    // Deliver this with dev server 
    app: "../index.js", 
    admin: "../admin.js", 

    // Deliver this with default compilation into file system 
    some_css: "../static.css", 
    other_css: "../other.css" 
    } 
} 

Dank

Answer 1

Die beste und saubere Lösung ist, zwei verschiedene Konfigurationen für Dev und Prod zu erstellen:

- webpack.config.js 
- webpack.production.config.js 

In webpack.config:

entry: [ 

    // For hot style updates 
    'webpack/hot/dev-server', 

    // Our application 
    // whatever file you need 
    mainPath 
] 

Und in Ihrer Produktion:

devtool: 'source-map', 
entry: mainPath, 
output: { 
    path: buildPath, 
    filename: 'bundle.js' 
} 

sie sind sicherlich andere Möglichkeiten, wie die Umgebungsvariablen wie diese Überprüfung:

var isProduction = process.env.NODE_ENV === 'production'; 

Und dann können Sie das in Ihrer config sagte jedoch, dass Sie Ihre Konfigurations ist schon komplex, um es nicht komplexer zu machen.

UPDATE:

Wenn Sie nur mehrere Einträge haben wollen:

{ 
    entry: { 
     a: "./index", 
     b: "./admin", 
     c: ["./c", "./d"] 
    }, 
    output: { 
     path: path.join(__dirname, "dist"), 
     filename: "[name].entry.js" 
    } 
}