webpack.renderer.config.js

const webpack = require("webpack");
const rules = require("./webpack.rules");

rules.push(
  {
    test: /\.css$/,
    use: [{ loader: "style-loader" }, { loader: "css-loader" }],
  },
  {
    test: /\.(png|jpg|svg|jpeg|gif)$/i,
    use: [
      {
        loader: "file-loader",
        options: {
          name: "assets/[name].[ext]",
          publicPath: "../.",
        },
      },
    ],
  }
);

module.exports = {
  // Put your normal webpack config below here
  module: {
    rules,
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
    }),
    new webpack.ExternalsPlugin("commonjs", ["electron"]),
  ],
};