Question

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

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

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

但是我也混淆了如何使其他jQuery插件如bootstrap作为jQuery暴露给全局？

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

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

我以前暴露jQuery的方式是创建一个提供的插件：

＆＃13;

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

＆＃13;

Answer 1

您可以使用简单地返回jQuery的所有必需依赖项来定义js文件。像这样：

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

module.exports = jquery;

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