如何让 WebPack 加载外部 jQuery 和 jQuery 库？答案

【问题标题】：How could make WebPack load external jQuery and jQuery libs?如何让 WebPack 加载外部 jQuery 和 jQuery 库？
【发布时间】：2015-10-16 17:25:51
【问题描述】：

我正在开发一个基于带有引导程序的前端模板的项目。

所以在我的项目中，我们需要在所有页面中加载 jQuery、jQuery UI 和 bootstrap 等 jQuery 插件。

我是 WebPack 的新手，也做了很多研究，比如通过 webpack.config.js 将 jQuery 暴露给全局。

但我也很困惑如何让其他 jQuery 插件（如 bootstrap）像 jQuery 一样暴露给全局？

由于此代码将 $ 作为 jQuery 并且全局工作（当在入口文件中尝试使用 $ 时，jQuery 将自动包含在入口文件中）。

如何添加其他 jQuery 插件，就像 jQuery 一样？（当条目使用 $ 时自动包含）

我以前暴露jQuery的方式是创建一个provideplugin：

        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery"
        }),

【问题讨论】：

【解决方案1】：

您可以使用所有需要的依赖项来定义 js 文件，这些依赖项只返回 jQuery。像这样的：

var jquery = require('./jquery.js');
require('./jquery.plugin1.js');
require('./jquery.plugin2.js');

module.exports = jquery;

现在您可以使用此模块而不是“jquery”，并且您在其中定义的所有插件都将可用。

【讨论】：