Question

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

webpack配置：

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

打字稿代码：

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

上述所有3个类型的定义都在@ types /文件夹中。 jquery工作正常，但其他两个不能正常工作。在运行时，即使所有3个都带有脚本标记在.html文件中，也找不到最后两个。 jquery webpack配置对我来说很清楚。 jquery是图书馆名称。 jQuery是全局变量名。令我困惑的是如何制作＆＃34; lib：global-var＆＃34; jqueryui和bootstrap的语法工作，因为它们都没有全局变量。

Answer 1

如果它对某人有帮助，这就是我在互联网上搜索两天后的工作方式：

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

Answer 2

＆＃34;：true＆＃34;方法实际上没有用。我没找到jqueryui＆＃39;错误。然后我尝试了这个：

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

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

webpack externals jqueryui和bootstrap

2 个答案: