Webpack管理古怪的AMD的最佳方法

Question

我正在使用使用AMD樣式定義的超大型JS模塊庫（用於前端代碼）。 它們通常如下所示：

define('TwitterModule', [
  'vendor/jquery/jquery',
  'vendor/moment/moment',
  'vendor/jquery/jquery.ie.cors'
], function ($, moment) {
...

問題在於依賴項聲明實際上並不表示依賴項在哪里。 如果沒有目錄解析魔術，它們將看起來像這樣：

define('TwitterModule', [
  __dirname + '/vendor/jquery/content/scripts/jquery',
  __dirname + '/vendor/moment/content/scripts/moment',
  __dirname + '/vendor/jquery/content/scripts/jquery.ie.cors'
], function ($, moment) {
...

因此，我試圖找出解決這些目錄問題的最干凈方法。 即，定義根路徑，還將'/ content / scripts'部分注入webpack接收的路徑。 Webpack Resolve和Webpack Shims看起來可以解決這個問題，但是我正在尋找有經驗的人提供一些反饋，這些人都具有解決奇​​怪的AMD定義的經驗，以使我專注於最好的解決方案。

Answer 1

您是否無法在webpack配置的resolve組中映射vendor ？