jquery - webpack结合多个版本的jquery来减少文件大小

Question

我在我的项目中使用了多个依赖于jquery的node_modules，例如materialize、jquery-validation等。

我使用webpack构建单个文件，这样我就可以减少请求数量。所有依赖项使用不同版本的jquery库(主要是2.4和3.1)是否有任何选项可以将所有 jquery 版本合并到单个代码库中。

例如:如果我使用 3 个模块，它会在我的构建文件中创建 3 个不同的 jquery 模块。

如何将它们转换为单个 jquery 版本？

Answer 1

您可以在 webpack 的配置中定义以始终从特定位置解析此依赖项:

config.resolve = {
    alias: {
        "jquery": path.resolve(path.join(__dirname, "node_modules", "jquery"))
    }
};

https://webpack.js.org/configuration/resolve/