search-templates-starter/vite.config.ts at main · Nosto/search-templates-starter · 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
74
75
76
77
78
79
80
81
82
83
84
85
86
import { resolve } from "path"
import { defineConfig } from "vitest/config"
import { devEnvironmentPlugin } from "./src/plugins/devEnvironmentPlugin"
import preact from "@preact/preset-vite"
import { visualizer } from "rollup-plugin-visualizer"

const dirname = import.meta.dirname

export default defineConfig(({ mode = "injected" }) => {
  const plugins = [preact(), devEnvironmentPlugin()]

  // Add bundle visualizer when ANALYZE environment variable is set
  if (process.env.ANALYZE) {
    plugins.push(
      visualizer({
        filename: "dist/analysis.html",
        open: false,
        gzipSize: true,
        brotliSize: true,
        template: "treemap"
      })
    )
  }

  if (mode === "demo") {
    return {
      base: "/search-templates-starter/demo/",
      build: {
        outDir: "build",
        rollupOptions: {
          input: resolve(dirname, "./index.html")
        }
      },
      plugins,
      server: {
        port: 8000
      },
      resolve: {
        alias: {
          "@": resolve(dirname, "src"),
          "@mocks": resolve(dirname, "mocks"),
          ".storybook": resolve(dirname, ".storybook")
        }
      }
    }
  }

  return {
    build: {
      outDir: "build",
      minify: true,
      sourcemap: true,
      rollupOptions: {
        input: resolve(dirname, `src/entries/${mode}.tsx`),
        output: {
          entryFileNames: "bundle.js",
          assetFileNames: "bundle[extname]",
          banner: "(function(){",
          footer: "})();"
        }
      }
    },
    plugins,
    server: {
      port: 8000
    },
    test: {
      globals: true,
      environment: "jsdom",
      environmentOptions: {
        jsdom: {
          url: "http://localhost:3000"
        }
      },
      setupFiles: ["./test/vitest.setup.ts", "./test/msw.setup.ts"],
      exclude: ["node_modules/**", "test/e2e/**"]
    },
    resolve: {
      alias: {
        "@": resolve(dirname, "src"),
        "@mocks": resolve(dirname, "mocks"),
        ".storybook": resolve(dirname, ".storybook")
      }
    }
  }
})