Javascript 让网页包管理古怪内容的最佳方法

我正在使用一个非常大的JS模块库，用于使用AMD风格定义的前端代码。它们通常如下所示：

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填隙片看起来可以解决这个问题，但我正在寻找任何有处理奇怪AMD定义经验的人的反馈，以使我专注于最佳解决方案。

你能在webpack配置的解决组中映射供应商吗？

我对webpack还没有太多的经验，但是的，我可以使用resolve配置解决根路径问题。更麻烦的是，我需要编写一些逻辑来管理“内容/脚本”部分的注入位置。我需要在初始路径上进行某种正则表达式处理来注入这些目录。顺便说一句：这不是一个奇怪的AMD风格的afaik。对于requirejs，您通常会使用requirejs别名供应商和此类文件夹，它被称为垫片。为供应商设置根目录并不是奇怪的部分。。。奇怪的是define语句在包名和实际脚本文件之间注入内容/脚本。但我同意，我认为我需要为这一点创建一个垫片。