為什么Visual Studio的Webpack Task Runner不允許多個輸出文件？

Question

我正在使用安裝了Webpack Runner擴展程序的Visual Studio 2017。 我有以下TS文件：

• /Scripts/TypeA/A.ts
• /Scripts/TypeB/B.ts

並希望將它們轉換為以下內容：

• 腳本/類型A / A_transpiled.js
• 腳本/的TypeB / B_transpiled.js

沒有“干凈”的方法！

1. 在“ multi-compiler”代碼示例之后，Webpack似乎支持定義多個導出： https : //github.com/webpack/webpack/tree/master/examples/multi-compiler 。 但是，這在VS 2017中不起作用。出現以下錯誤：

   無效的配置對象。 已使用與API模式不匹配的配置對象初始化了Webpack

2. 我可以使用“名稱”參數，如下所示：

   output: { filename: '[name].js', path: path.resolve(__dirname, './Scripts/') }

但它仍會在同一文件夾（腳本）中創建所有文件。

3. 最好的方法是使整個路徑成為條目名稱的一部分，如下所示：

   entry: { 'Scripts/TypeA/A_transpiled': './Scripts/TypeA/A.ts', 'Scripts/TypeB/B_transpiled': './Scripts/TypeB/B.ts' }, output: { filename: '[name].js', path: path.resolve(__dirname, '') }

這將在正確的位置創建文件。 但是，這還有其他缺點。 例如，導出ts文件並將其用作庫將需要您使用整個路徑（如果使用“ name”參數作為庫名），可能會很麻煩。

這似乎是一個巨大的缺點/功能缺失。 我是否缺少某些東西，或者在使用“多編譯器”方法時做錯了什么？ 為什么在Webpack Task Runner中沒有實現這種簡單的功能？ 我應該考慮完全擺脫Webpack而是僅僅依靠Gulp或Grunt嗎？

Answer 1

我使用npm重新安裝了webpack，以便擁有最新版本的webpack（3.11.0）。 我能夠使用此鏈接中列出的“多編譯器”方法：

https://github.com/webpack/webpack/tree/master/examples/multi-compiler