如何使用 webpack 导入命名的本地 AMD 模块？

Question

我正在尝试使用命名的 AMD 模块，exports因为这是 TypeScript 1.8 在--outFile指定时用于将 AMD 模块写入单个文件的格式。但是，exports如果模块在同一文件中定义，则 webpack 似乎无法正确处理。

这是在content.js：

define('messages', [
    'require',
    'exports'
], function(require, exports) {
    'use strict';
    exports.itWorks = "It works from a local module?";
});

define([
    'require',
    'exports',
    'messages'
], function(require, exports, messages) {
    'use strict';
    exports.message = messages.itWorks;
});

有一个运行时错误：

bundle.js:67 Uncaught TypeError: Cannot read property 'itWorks' of undefined

这会中断，因为在捆绑代码中__WEBPACK_LOCAL_MODULE_0__是未定义的，因为'messages'函数使用exports而不是返回值。

如果'messages'在单独的文件中，这一切都很好。如何exports在单个文件中与 webpack 一起使用？

这是相关的构建输出，稍微格式化以提高可读性。相同的exports对象被传递到两个模块（将它们的导出合并在一起？？）并__WEBPACK_LOCAL_MODULE_0__设置为undefined第一个模块不会传递到第二个模块：

function(module, exports, __webpack_require__) {

    var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_LOCAL_MODULE_0__;
    var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;

    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports],
     __WEBPACK_LOCAL_MODULE_0__ = (function(require, exports) {
        'use strict';
        exports.itWorks = "It works from a local module?";
    }.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)));

    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __WEBPACK_LOCAL_MODULE_0__],
     __WEBPACK_AMD_DEFINE_RESULT__ = function(require, exports, messages) {
        'use strict';
        exports.message = messages.itWorks;
    }.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),

     __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
}