webpack.config.shared.js

const path = require("path");
const webpack = require("webpack");

module.exports = {
  config: {
    entry: {
      root: "./static/js/entry/root",
      header: "./static/js/entry/header",
      style: "./static/js/entry/style",
      django: "./static/js/entry/django",
    },
    module: {
      rules: [
        {
          test: /\.(png|jpg|svg|ttf|woff|woff2|eot|gif)$/,
          type: "asset/inline",
        },
        {
          test: require.resolve("jquery"),
          use: [
            {
              loader: "expose-loader",
              options: {
                exposes: ["jQuery", "$"],
              },
            },
          ],
        },
        {
          test: require.resolve("hls.js"),
          use: [
            {
              loader: "expose-loader",
              options: {
                exposes: "Hls",
              },
            },
          ],
        },
      ],
    },
    resolve: {
      modules: [path.join(__dirname, "static/js"), "node_modules"],
      extensions: [".js", ".jsx"],
    },
    performance: {
      hints: false,
    },
  },
  babelSharedLoader: {
    test: /\.jsx?$/,
    include: [
      path.resolve(__dirname, "static/js"),
      path.resolve(__dirname, "node_modules/query-string"),
      path.resolve(__dirname, "node_modules/strict-uri-encode"),
    ],
    loader: "babel-loader",
    options: {
      presets: [
        ["@babel/preset-env", { modules: false }],
        "@babel/preset-react",
        "@babel/preset-flow",
      ],
      plugins: [
        "@babel/plugin-transform-flow-strip-types",
        "react-hot-loader/babel",
        "@babel/plugin-proposal-object-rest-spread",
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-syntax-dynamic-import",
      ],
    },
  },
};