wiki-plugin/vite.config.ts at main · toplocs/wiki-plugin · 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
import { defineConfig } from 'vite';
import path from 'path';
import vue from '@vitejs/plugin-vue';
import federation from "@originjs/vite-plugin-federation";
import topLevelAwait from 'vite-plugin-top-level-await';
import tailwindcss from 'tailwindcss';
import autoprefixer from 'autoprefixer';

export default defineConfig({
  base: './',
  plugins: [
    vue(),
    federation({
      name: 'wiki-plugin',
      filename: 'plugin.js',
      exposes: {
        './PluginConfig': './src/index.ts',
        './MainView': './src/views/MainView.vue',
        './SidebarView': './src/views/SidebarView.vue',
        './SettingsView': './src/views/SettingsView.vue',
        './WikiView': './src/views/WikiView.vue',
        './CreateView': './src/views/CreateView.vue',
      },
      shared: ['vue', 'tailwindcss'],
      remotes: {
        remoteName: '',
      },
    }),
    topLevelAwait({
      promiseExportName: '__tla',
      promiseImportName: i => `__tla_${i}`
    })
  ],

  css: {
    postcss: {
      plugins: [
        tailwindcss,
        autoprefixer,
      ],
    },
  },

  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },

  optimizeDeps: {
    exclude: ["__federation__"],
  },

  server: {
    port: 3006,
    hmr: {
      protocol: 'ws',
      host: 'localhost',
    },
  },

  build: {
    target: 'esnext',
    minify: false,
    cssCodeSplit: false,
    outDir: './dist',
    assetsDir: '',
    rollupOptions: {
      input: {
        main: path.resolve(__dirname, 'index.html'),
        landing: path.resolve(__dirname, 'landing.html')
      },
      output: {
        format: 'esm',
        entryFileNames: '[name].js',
      },
    },
  },
});