SmartPhoto/vite.config.mjs at master · appleple/SmartPhoto · 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 { resolve } from 'path';
import { defineConfig } from 'vite';

const configs = {
  // libビルド用の設定
  lib: defineConfig({
    build: {
      lib: {
        entry: resolve(__dirname, 'src/index.js'),
        name: 'SmartPhoto',
        fileName: 'smartphoto',
        formats: ['es', 'cjs'],
      },
      outDir: 'lib',
      minify: false,
      rollupOptions: {
        external: ['jquery'],
        output: {
          preserveModules: false,
        },
      },
      emptyOutDir: false,
    },
  }),
  // UMDビルド用の設定
  umd: defineConfig({
    build: {
      lib: {
        entry: resolve(__dirname, 'src/index.js'),
        name: 'SmartPhoto',
        fileName: (format) => `smartphoto.${format === 'es' ? 'js' : 'min.js'}`,
        formats: ['umd', 'es'],
      },
      outDir: 'js',
      minify: false,
      rollupOptions: {
        external: ['jquery'],
        output: {
          globals: {
            jquery: '$',
          },
        },
      },
      emptyOutDir: false,
    },
  }),
  // jQueryプラグイン用の設定
  jquery: defineConfig({
    build: {
      lib: {
        entry: resolve(__dirname, 'src/adaptor/jquery.js'),
        name: 'SmartPhoto',
        fileName: (format) => `jquery-smartphoto.${format === 'es' ? 'js' : 'min.js'}`,
        formats: ['umd', 'es'],
      },
      outDir: 'js',
      minify: false,
      rollupOptions: {
        external: ['jquery'],
        output: {
          globals: {
            jquery: '$',
          },
        },
      },
      emptyOutDir: false,
    },
  }),
};

export default defineConfig(({ mode }) => {
  return configs[mode] || configs.umd;
});