外部文件之间的Webpack依赖关系

Question

我正在考虑将requirejs项目迁移到webpack，但我遇到了一个问题。 Requirejs shims允许我表达外部（非AMD）库之间的依赖关系，例如

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），这取决于外部库，但我找不到任何关于连接外部库之间依赖关系的信息。

Answer 1

您可以尝试使用导出和导入加载程序。我们像Ember一样使用lib。它应该看起来像：

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