Webpack 是一个现代的 JavaScript 应用程序的静态模块打包工具。它会分析你的项目，并将所有的依赖模块打包成一个或多个 bundle 文件。在开发过程中，我们经常会遇到需要在多个模块中引入同一个全局变量的情况。为了解决这个问题，Webpack 提供了一个插件叫做 ProvidePlugin。
ProvidePlugin 简介
ProvidePlugin 是一个 webpack 插件，用于自动加载模块，而不必到处 import 或 require。当你在代码中使用某个变量时，如果这个变量没有被定义，ProvidePlugin 就会自动帮你引入相应的模块。
使用 ProvidePlugin
要使用 ProvidePlugin，首先需要在 webpack 配置文件中引入该插件：
-- -------------------- ---- -------
----- ------- - -------------------
-------------- - -
-------- -
--- -----------------------
-- ---------
------- --------
--
-
--在上面的例子中，我们通过 ProvidePlugin 引入了 jquery 模块，并将其赋值给全局变量 $ 和 jQuery。这样，在任何地方都可以直接使用 $ 和 jQuery，而不需要单独引入 jquery 模块。
使用 ProvidePlugin 的场景
ProvidePlugin 可以用于引入任何模块，不仅仅局限于第三方库。例如，如果你经常在代码中使用 lodash，你可以这样配置 ProvidePlugin：
new webpack.ProvidePlugin({
_: 'lodash'
})这样就可以在任何地方直接使用 _，而不需要单独引入 lodash 模块。
总结
ProvidePlugin 是一个非常实用的 webpack 插件，可以帮助我们简化代码中的模块引入过程，提高开发效率。通过合理配置 ProvidePlugin，我们可以在项目中轻松引入需要的模块，而不必担心模块的引入过程。