webpack.rules.js

module.exports = [
  // Add support for native node modules
  {
    test: /\.node$/,
    use: "node-loader",
  },
  {
    test: /\.(m?js|node)$/,
    parser: { amd: false },
    use: {
      loader: "@vercel/webpack-asset-relocator-loader",
      options: {
        outputAssetBase: "native_modules",
      },
    },
  },
  {
    test: /\.tsx?$/,
    exclude: /(node_modules|\.webpack)/,
    use: {
      loader: "ts-loader",
      options: {
        transpileOnly: true,
      },
    },
  },
  {
    test: /\.jsx?$/,
    use: {
      loader: "babel-loader",
      options: {
        exclude: /node_modules/,
        presets: ["@babel/preset-react"],
      },
    },
  },
  {
    test: /\.s[ac]ss$/i,
    use: [
      "@teamsupercell/typings-for-css-modules-loader",
      "style-loader",
      "css-modules-typescript-loader",
      {
        loader: "css-loader",
        options: { modules: true },
      },
      "sass-loader",
      {
        loader: require.resolve("sass-resources-loader"),
        options: {
          resources: ["src/shared/styles/index.scss"],
        },
      },
    ],
  },
  {
    test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg|webp)(\?[a-z0-9=.]+)?$/,
    loader: "file-loader",
  },
];