webpack 在 entry (注入點) 需要設定多個，可以在 webpack.config.js 設定中設定 entry: {} 與 output: {} 來產生多個注入點與對應輸出檔。

webpack.config.js 設定多筆 entry

原本的 webpack.config.js 檔裡的 module.exports = {} 物件下對應設定。

webpack 設定多個 entry (注入點)

entry: './index.js',，以一個字串的方式指定 index.js 為注入點。

多個 entry (注入點) 設定的話將原本的字串改成 {} 物件方式，注入點點。

webpack [name] 方法設定，讓多個 entry (注入點) 對應輸出檔案

輸出資料夾的部份在 output: {} 的物件裡修改 filename: 'index-bundle.js'。
將原本的字串 'index-bundle.js' 改成 filename: '[name].js',

[name] 的方法是 webpack 設定會因為 entry (注入點) 設定，而改變輸出對應的檔案名稱。
[name] 會依 entry 進來的 key (name)，更針對 output 輸出部份對應改變。

特別注意 [name] 與 entry (注入點) 的設定，對應所抓於的是前面的 key (或是屬性名稱)，基本上開發時在後面的值 .js 的檔名也要對應上 key 的名稱，千萬不要 app: './index.js' ，這樣輸出後就會是 app.js 檔。

多個 entry (注入點) 設定後的輸出

以上的設定完成後，透過終端機指令 npm run start 執行 webpack 開發模式，之後就會在 dist 資料夾內產生 index.js 與 about.js 的二支輸出檔 ( index-bundle.js 是之前字串 ./index.js 所使用的輸出設定)，以下是運作的流程圖。