Part 1: https://github.com/web-infra-dev/rsbuild/issues/4435#issuecomment-2614186455

rsbuild.config.mjs

export default {
  html: {
    meta: {
      charset: {
        charset: "UTF-8",
      },
      viewport: "width=device-width,initial-scale=1",
      "apple-mobile-web-app-status-bar-style": "#bbb",
      author: "Michael Heuberger, Binary Kitchen",
      "msapplication-navbutton-color": "#bbb",
      "theme-color": "#bbb",
    },
    title: "videomail.io",
    inject: "head",
    mountId: "root",
    crossorigin: false,
    outputStructure: "flat",
    scriptLoading: "defer",
    favicon:
      "/home/michael-heuberger/code/binarykitchen/videomail.io/src/client/assets/img/favicon.png",
    template:
      "/home/michael-heuberger/code/binarykitchen/videomail.io/src/client/views/base.pug",
    templateParameters: {
      clientUrl: "https://infernal.videomail.local:8080",
      description:
        "With videomail.io you can send short videos directly from your cam with an email. All automated. You could send your mum a birthday video card, greet a friend with funny face mimics. Or even email something in body or sign language. It never was so simple before.",
      developerName: "Michael Heuberger, Binary Kitchen",
      developerUrl: "https://binarykitchen.com",
      environ: "local",
      keywords:
        "send video, videomail, send email in video, send video email, cam, webcam, audio recoding, video email, smile, record and send, birthday card, ecard, virtual card, video card, visual email, visual mail, videomail, videomail.io, email, video, sign language, body language, record, html5, node.js",
      slogan: "Email videos from your cam right away",
      title: "videomail.io",
    },
  },
  resolve: {
    alias: {
      "@swc/helpers":
        "/home/michael-heuberger/code/binarykitchen/videomail.io/node_modules/@swc/helpers",
    },
    aliasStrategy: "prefer-tsconfig",
    extensions: [".ts", ".tsx", ".mjs", ".js", ".jsx", ".json"],
  },
  source: {
    alias: {},
    define: {
      "process.env.ENVIRON": '"local"',
      "process.env.VIDEOMAIL_OPTIONS": {
        apiUrl: '"https://infernal.videomail.local:8443"',
        clientUrl: '"https://infernal.videomail.local:8080"',
        expireSeconds: "5184000",
        imageQuality: "0.38",
        pageName: '"videomail.io"',
        rootEmail: '"michael@videomail.io"',
        slogan: '"Email videos from your cam right away"',
        socketUrl: '"wss://infernal.videomail.local:8443"',
        title: '"videomail.io"',
        version: '"2.0.0"',
        videoFps: "18",
        videoHeight: "300",
        videoLimitSeconds: "180",
        videoWidth: "400",
        googleTagID: 'REMOVED',
      },
    },
    preEntry: [],
    decorators: {
      version: "2022-03",
    },
    tsconfigPath: "/home/michael-heuberger/code/binarykitchen/videomail.io/tsconfig.json",
    entry: {
      index:
        "/home/michael-heuberger/code/binarykitchen/videomail.io/src/client/index.tsx",
    },
  },
  output: {
    target: "web",
    cleanDistPath: "auto",
    distPath: {
      root: "/home/michael-heuberger/code/binarykitchen/videomail.io/var/local/www",
      css: "static/css",
      svg: "static/svg",
      font: "static/font",
      html: "./",
      wasm: "static/wasm",
      image: "static/image",
      media: "static/media",
      assets: "static/assets",
      js: "static/js",
    },
    assetPrefix: "/",
    filename: {},
    charset: "utf8",
    polyfill: "off",
    dataUriLimit: {
      svg: 4096,
      font: 4096,
      image: 4096,
      media: 4096,
      assets: 4096,
    },
    legalComments: "linked",
    injectStyles: false,
    minify: true,
    manifest: false,
    sourceMap: {
      js: undefined,
      css: false,
    },
    filenameHash: true,
    inlineScripts: false,
    inlineStyles: false,
    cssModules: {
      auto: true,
      namedExport: false,
      exportGlobals: false,
      exportLocalsConvention: "camelCase",
    },
    emitAssets: true,
  },
  tools: {
    cssExtract: {
      loaderOptions: {},
      pluginOptions: {
        ignoreOrder: true,
      },
    },
    rspack: (_config, { appendPlugins }) => {
      // Only register the plugin when RSDOCTOR is true, as the plugin will increase the build time
      // Can be run with RSDOCTOR=true npm run build:prod
      if (process.env.RSDOCTOR) {
        appendPlugins(
          new _rspackPlugin.RsdoctorRspackPlugin({
            // plugin options
          }),
        );
      }
    },
  },
  security: {
    nonce: "",
    sri: {
      enable: false,
    },
  },
  performance: {
    profile: false,
    buildCache: true,
    printFileSize: true,
    removeConsole: false,
    removeMomentLocale: false,
    chunkSplit: {
      strategy: "split-by-experience",
    },
  },
  mode: "development",
  _privateMeta: {
    configFilePath:
      "/home/michael-heuberger/code/binarykitchen/videomail.io/etc/rsbuild/config.ts",
  },
  root: "/home/michael-heuberger/code/binarykitchen/videomail.io",
  dev: {
    writeToDisk: true,
    hmr: true,
    assetPrefix: "/",
    liveReload: true,
    cliShortcuts: true,
    client: {
      path: "/rsbuild-hmr",
      port: "",
      host: "",
      overlay: true,
      reconnect: 100,
    },
  },
  plugins: [
    {
      name: "rsbuild:basic",
      setup() {},
    },
    {
      name: "rsbuild:entry",
      setup() {},
    },
    {
      name: "rsbuild:cache",
      setup() {},
    },
    {
      name: "rsbuild:target",
      setup() {},
    },
    {
      name: "rsbuild:output",
      setup() {},
    },
    {
      name: "rsbuild:resolve",
      setup() {},
    },
    {
      name: "rsbuild:file-size",
      setup() {},
    },
    {
      name: "rsbuild:clean-output",
      setup() {},
    },
    {
      name: "rsbuild:asset",
      setup() {},
    },
    {
      name: "rsbuild:html",
      setup() {},
    },
    {
      name: "rsbuild:app-icon",
      setup() {},
    },
    {
      name: "rsbuild:wasm",
      setup() {},
    },
    {
      name: "rsbuild:moment",
      setup() {},
    },
    {
      name: "rsbuild:node-addons",
      setup() {},
    },
    {
      name: "rsbuild:define",
      setup() {},
    },
    {
      name: "rsbuild:css",
      setup() {},
    },
    {
      name: "rsbuild:minimize",
      setup() {},
    },
    {
      name: "rsbuild:progress",
      setup() {},
    },
    {
      name: "rsbuild:swc",
      setup() {},
    },
    {
      name: "rsbuild:externals",
      setup() {},
    },
    {
      name: "rsbuild:split-chunks",
      setup() {},
    },
    {
      name: "rsbuild:inline-chunk",
      setup() {},
    },
    {
      name: "rsbuild:rsdoctor",
      setup() {},
    },
    {
      name: "rsbuild:resource-hints",
      setup() {},
    },
    {
      name: "rsbuild:performance",
      setup() {},
    },
    {
      name: "rsbuild:bundle-analyzer",
      setup() {},
    },
    {
      name: "rsbuild:server",
      setup() {},
    },
    {
      name: "rsbuild:manifest",
      setup() {},
    },
    {
      name: "rsbuild:module-federation",
      setup() {},
    },
    {
      name: "rsbuild:rspack-profile",
      setup() {},
    },
    {
      name: "rsbuild:lazy-compilation",
      setup() {},
    },
    {
      name: "rsbuild:sri",
      setup() {},
    },
    {
      name: "rsbuild:nonce",
      setup() {},
    },
  ],
  server: {
    port: 8080,
    host: "infernal.videomail.local",
    open: false,
    base: "/",
    htmlFallback: "index",
    compress: false,
    printUrls: true,
    strictPort: false,
    cors: false,
    https: {
      // REMOVED
    },
  },
};