output.filename 與 output.chunkFilename 的區別

// webpack.config.js

module.exports =  {
  entry: './src/index.js',
  output: {
    filename: '[name].bundle.js',
    path: path.resolve(__dirname, 'dist'),
    chunkFileName: '[name].bundle.js'
  }
}

output.filename

此選項決定了entry入口文件輸出 bundle 的名稱。
注意，此選項不會影響那些「按需加載 chunk」的輸出文件。對於這些文件，請使用 output.chunkFilename 選項來控制輸出。通過 loader 創建的文件也不受影響。在這種情況下，你必須嘗試 loader 特定的可用選項。

output.chunkFilename

string
此選項決定了非入口(non-entry) chunk 文件的名稱。有關可取的值的詳細信息，請查看 output.filename 選項。
注意，這些文件名需要在 runtime 根據 chunk 發送的請求去生成。因此，需要在 webpack runtime 輸出 bundle 值時，將 chunk id 的值對應映射到占位符(如 [name] 和 [chunkhash])。這會增加文件大小，並且在任何 chunk 的占位符值修改后，都會使 bundle 失效。
默認使用 [id].js 或從 output.filename 中推斷出的值（[name] 會被預先替換為 [id] 或 [id].）。