ProvidePlugin

new webpack.ProvidePlugin({
  identifier: "module1",
  // ...
});

new webpack.ProvidePlugin({
  identifier: ["module1", "property1"],
  // ...
});

import path from "node:path";
import { fileURLToPath } from "node:url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

new webpack.ProvidePlugin({
  identifier: path.resolve(path.join(__dirname, "src/module1")),
  // ...
});

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

// داخل module
$("#item"); // <= يعمل
jQuery("#item"); // <= يعمل أيضًا
// يتم توفير $ تلقائيًا من exports الخاصة بـ "jquery"

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

new webpack.ProvidePlugin({
  _map: ["lodash", "map"],
});

new webpack.ProvidePlugin({
  Vue: ["vue/dist/vue.esm.js", "default"],
});