rsbuild.config.ts

import { defineConfig } from "@rsbuild/core";
import { pluginBabel } from "@rsbuild/plugin-babel";
import { pluginSolid } from "@rsbuild/plugin-solid";
import { BannerPlugin } from "@rspack/core";
import CompressionPlugin from "compression-webpack-plugin";

export default defineConfig({
  plugins: [pluginBabel({ include: /\.(?:jsx|tsx|ts)$/ }), pluginSolid()],
  source: {
    alias: { "~": "./src" },
    define: {
      "import.meta.env.VERSION": JSON.stringify(
        process.env.GITHUB_RUN_NUMBER || "0.0.1"
      ),
    },
  },
  dev: {
    hmr: true,
    liveReload: true,
  },
  server: {
    port: 3000,
  },
  tools: {
    rspack: {
      optimization: {
        splitChunks: false,
        runtimeChunk: false,
      },
      plugins:
        process.env.NODE_ENV === "production"
          ? [
              new BannerPlugin({
                banner: () => "",
                test: /\.js$/,
              }),
              new CompressionPlugin({
                algorithm: "brotliCompress",
                filename: "[path][base].br",
                test: /\.(mjs|css)$/,
                compressionOptions: {
                  level: 11,
                },
                threshold: 0,
                minRatio: 1,
              }),
            ]
          : [],
    },
  },
  output: {
    inlineStyles: false,
    filename: {
      js: "app.mjs",
      css: "app.css",
    },
    legalComments: "none",
  },
});