Webpack管理古怪AMD的最佳方式定义

时间:2015-04-09 18:24:51

标签: javascript node.js dependency-management amd webpack

我正在使用一个使用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定义经验的人的反馈,以便让我专注于最佳解决方案。

1 个答案:

答案 0 :(得分:0)

您无法在网络包配置的vendor群组中映射resolve吗?