Webpack 使用 AMD 定义

Question

我正在尝试将我的公司项目从 JSPM 和 systemJS 转换为 webpack。 所以我从头开始了一个新项目并安装了基本配置。

我需要在项目中包含一个由前同事构建的旧包。该包是用 Jquery 开发的，使用 AMD 定义方法。

于是我搜索并找到了imports-loader。

在我的 webpack 配置中，我有：

{
      test: path.resolve(__dirname, 'vendor/module/module.js'),
      loader: "imports-loader?this=>window&define=>false"
},

在我的代码中，我有以下内容：

import Module from 'module';
new Module.WindowManager(arg1, arg2);

当我运行 webpack 时，我得到了这个错误：

Uncaught Error: module/wm/window missing module/core/emitter

在我尝试使用模块/核心/发射器的模块中：

define('module/wm/window', 
    ['module/core/emitter'], function (Emitter) { ... });

Answer 1

复制代码后，使用amd 和webpack 就可以了。

您的代码只是缺少这些 id 依赖项 deskum/core/emitter 和 deskum/core/promise。确保检查那些id 有define。我已尝试删除这些依赖项，它的工作原理

如您所见，我可以将Deskum 从window 设置为属性类this.deskum，但this.deskum.Window() 有抛出错误，因为我在deskum.min.js 处删除了"deskum/core/emitter","deskum/core/promise"。

只需确保包含所有依赖项，请参阅documentation。