ui/vite.config.ts at main · Profesor08/ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
import convertPath from "@stdlib/utils-convert-path";
import react from "@vitejs/plugin-react";
import path from "path";
import stringHash from "string-hash";
import { defineConfig, UserConfig } from "vite";
import dts from "vite-plugin-dts";
import tsconfigPaths from "vite-tsconfig-paths";
import pkg from "./package.json";

export default defineConfig(async ({ mode, command }) => {
  const babelPlugins = [["babel-plugin-react-compiler", {}]];

  if (command === "serve") {
    babelPlugins.push(["@babel/plugin-transform-react-jsx-development", {}]);
  }

  return {
    server: {
      port: 3000,
    },

    plugins: [
      react({
        babel: {
          plugins: babelPlugins,
        },
      }),
      tsconfigPaths(),
      dts({
        tsconfigPath: "./tsconfig.build.json",
      }),
    ],

    base: mode === "production" ? "/ui" : "/",

    css: {
      modules: {
        generateScopedName: (name, filename, css) => {
          const i = css.indexOf(`.${name}`);
          const lineNumber = css.substring(0, i).split(/[\r\n]/).length;
          const hash = stringHash(css).toString(36).substring(0, 5);
          const component = path.posix
            .basename(convertPath(filename, "posix"))
            .split(".")
            .shift();

          return `${component}_${name}_${hash}_${lineNumber}`;
        },
      },

      preprocessorOptions: {
        scss: {
          silenceDeprecations: ["legacy-js-api"],
        },
      },
    },

    build: {
      lib: {
        entry: "src/index.ts",
        name: "index",
        fileName: "index",
        formats: ["es"],
      },

      rollupOptions: {
        external: Object.keys(pkg.dependencies)
          .map((name) => [name, new RegExp(`${name}/(.*)`)])
          .flat(),
      },
    },
  } satisfies UserConfig;
});