jquery - webpack 外部 jqueryui 和 bootstrap

Question

如何配置 webpack 配置中的 externals 部分以从输出中排除 jqueryui 和 bootstrap？

webpack 配置:

externals: {
    'jquery': 'jQuery',
    'jqueryui': 'jqueryui',
    'bootstrap': 'bootstrap'
}

typescript 代码:

import 'jquery';
import 'jqueryui';
import 'bootstrap';

以上所有 3 个类型的定义都位于 @types/文件夹中。jquery 工作正常，但其他两个不起作用。在运行时，即使所有 3 个都通过脚本标记引入到 .html 文件中，后两个也没有找到。 jquery webpack 配置对我来说很清楚。 jquery 是库名称。 jQuery 是全局变量名。让我感到困惑的是如何使“lib: global-var”语法适用于 jqueryui 和 bootstrap，因为它们都没有全局变量。

Answer 1

“:true”方法实际上并没有起作用。我收到“jqueryui 未找到”错误。然后我尝试了这个:

externals {
    ...
    'jqueryui': 'jQuery',
    'bootstrap': 'jQuery'
}

然后就成功了。这两个库扩展了 $.这是可行的，但我想这不是预期的方式，因为 __webpack_require_ 不会尝试确保它们存在。它只取决于 jQuery 的存在。然而，这满足了 TypeScript 和 webpack 捆绑过程。