2015-05-14 38 views
2

我正在尋找遷移一個requirejs項目到webpack,但我遇到了一個問題。 Requirejs墊片允許我表示外部(非AMD)庫之間的依賴關係,例如Webpack之間的外部文件依賴

require.config({ 
    paths: { 
     jquery: '../bower_components/jquery/dist/jquery', 
     foundation: '../bower_components/foundation/js/foundation' 
    }, 
    shim: { 
     "foundation": ['jquery'] 
    } 
} 

require(['foundation'], function(f, app) { 
    // use foundation (jquery also resolved) 
}); 

我該如何實現與webpack類似的東西?我看到的所有例子都討論了一個webpack模塊(commonjs或AMD),這取決於外部庫,但我找不到任何關於外部庫之間依賴關係的東西。

+0

最後我不得不回到requirejs。看來webpack可以正常工作,如果你正在處理AMD或CommonJS模塊,但是如果你需要表達非模塊文件之間的依賴關係 –

回答

0

您可以嘗試使用導出和導入加載程序。我們把它用於像Ember這樣的lib。它應該看起來像這樣:

module: { 
    loaders: [{ 
     test: /foundation.js$/, 
     loader: 'exports?foundation!imports?jquery' 
     }] 
}