flatmapvuer/vite.config.js at main · ABI-Software/flatmapvuer · 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
87
88
89
90
91
import path from 'path';
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';

// https://vitejs.dev/config/
export default defineConfig(({ command }) => {
  const config = {
    css: {
      preprocessorOptions: {
        scss: {
          api: 'modern-compiler',
          additionalData: `@use '@/assets/styles' as *;`,
        },
      },
    },
    plugins: [
      vue({
        template: {
          compilerOptions: {
            isCustomElement: (tag) => ['bx:grid'].includes(tag),
          },
        },
      }),
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        // allow auto load markdown components under `./src/components/`
        extensions: ['vue', 'md'],
        // allow auto import and register components used in markdown
        include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
        resolvers: [
          ElementPlusResolver({
            importStyle: 'sass',
          }),
        ],
        dts: 'src/components.d.ts',
      }),
    ],
    resolve: {
      alias: {
        '@': path.resolve(import.meta.dirname, './src'),
      },
    },
    build: {
      lib: {
        entry: path.resolve(import.meta.dirname, './src/components/index.js'),
        name: 'FlatmapVuer',
        fileName: 'flatmapvuer',
      },
      rollupOptions: {
        external: [
          'vue',
          '@abi-software/sparc-annotation',
          '@abi-software/svg-sprite',
          '@abi-software/map-utilities',
          '@element-plus/icons-vue',
          'pinia',
          '@abi-software/svg-sprite/dist/style.css',
          '@abi-software/map-utilities/dist/style.css',
        ],
        output: {
          globals: {
            vue: 'Vue',
            '@abi-software/sparc-annotation': '@abi-software/sparc-annotation',
            '@abi-software/svg-sprite': '@abi-software/svg-sprite',
            '@abi-software/map-utilities': '@abi-software/map-utilities',
            '@element-plus/icons-vue': '@element-plus/icons-vue',
            pinia: 'pinia',
          },
          // keep css output name stable for the "./dist/style.css" export/import paths
          assetFileNames: (assetInfo) =>
            assetInfo.name?.endsWith('.css') ? 'style.css' : 'assets/[name][extname]',
        },
      },
    },
    optimizeDeps: {
      entries: ['./cypress/*'],
    },
  };

  if (command === 'serve') {
    config.server = {
      port: 8082,
    };
  }
  return config;
});