Webpack：僅使用一些入口點與dev服務器

Question

我有非常複雜的webpack配置和開發我需要通過webpack-dev-server使用幾個入口點。像往常一樣，Rest將被編譯到文件系統中。有什麼辦法如何做到這一點，或者我需要有2個webpack配置並分別運行它們。

簡單的例子

{ 
    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" 
    } 
} 

感謝

Answer 1

最好的和最乾淨的解決方案是爲Dev和Prod創建兩個不同的CONFIGS：

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

在webpack.config：

entry: [ 

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

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

而且在生產：

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

當然，他們都像檢查這樣的環境變量的其他方式：然而

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

然後你可以使用在你的配置，你說你的配置已經很複雜，不要使它更復雜。

UPDATE：

如果你只是想有多個條目：

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