How to expose webpack dependencies in `window`?

@darion 

To expose webpack dependencies in the window object, you can use the expose-loader in webpack configuration. This loader allows you to expose modules to the global scope.

Here's an example of how you can use expose-loader to expose a dependency in the window object:

1. Install expose-loader package:

1

npm install expose-loader --save-dev

1. Update your webpack configuration file (webpack.config.js) to use expose-loader for the desired dependency. For example, let's expose jQuery:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

module.exports = {
  // other webpack configuration
  module: {
    rules: [
      {
        test: require.resolve('jquery'),
        use: [{
          loader: 'expose-loader',
          options: 'jQuery' // expose 'jQuery' to window
        }]
      }
    ]
  }
};

1. In your code, you can now access the exposed dependency (jQuery) from the window object:

1

console.log(window.jQuery);

By following these steps, you can expose webpack dependencies in the window object for global access in your code.