vite.config.ts

import { defineConfig, UserConfig, Plugin, loadEnv } from 'vite';
import solidPlugin from 'vite-plugin-solid';
import { viteStaticCopy } from 'vite-plugin-static-copy';
import path from 'path';
import builtins from 'builtin-modules';
import * as fsp from 'fs/promises';
import { normalize } from 'path';
import { rm } from 'fs/promises';
import { exec } from 'child_process';




// https://vitejs.dev/config/
export default  defineConfig(async ({ mode } ) => {

  const prod = mode === 'production';
  let { OUT_DIR } = loadEnv(mode, process.cwd(), ['OUT_']);

  OUT_DIR = normalize(OUT_DIR);
  if (OUT_DIR != 'dist' && OUT_DIR != path.join(process.cwd(), 'dist')) {
    await rm('dist', { recursive: true, force: true });
    exec(process.platform === 'win32' ? `mklink /J dist ${OUT_DIR}` : `ln -s ${OUT_DIR} dist`);
  }

  const inject = (files: string[]): Plugin => {
    if (files && files.length > 0) {
      return {
        name: 'inject-code',
        async load(this, id, _options?) {
          const info = this.getModuleInfo(id);
          if (info.isEntry) {
            const code = await fsp.readFile(id, 'utf-8');
            const { relative, dirname, basename, extname, join } = path;
            const dir = dirname(id);
            const inject_code = files
              .map(v => relative(dir, v))
              .map(p => join('./', basename(p, extname(p))))
              .map(p => `import './${p}'`).join(';');
            return `
            ${inject_code};
            ${code}
            `;
          }
        },
      };
    }
  };

  return {
    plugins: [
      solidPlugin({
        // babel: {
        //   plugins: ['solid-styled-jsx/babel']
        // }
      }),
      viteStaticCopy({
        targets: [{
          src: 'manifest.json',
          dest: '.'
        }]
      }),
      prod ? undefined : inject(['src/hmr.ts'])
    ],
    build: {
      lib: {
        entry: 'src/main.tsx',
        name: 'main',
        fileName: (_) => 'main.js',
        formats: ['cjs'],
      },
      minify: prod,
      sourcemap: prod ? false : 'inline',
      cssCodeSplit: false,
      // outDir: '',
      rollupOptions: {
        output: {
          exports: 'named',
          assetFileNames: (v) => v.name === 'style.css'? 'styles.css': v.name
        },
        external: [
          'obsidian',
          'electron',
          '@codemirror/autocomplete',
          '@codemirror/closebrackets',
          '@codemirror/collab',
          '@codemirror/commands',
          '@codemirror/comment',
          '@codemirror/fold',
          '@codemirror/gutter',
          '@codemirror/highlight',
          '@codemirror/history',
          '@codemirror/language',
          '@codemirror/lint',
          '@codemirror/matchbrackets',
          '@codemirror/panel',
          '@codemirror/rangeset',
          '@codemirror/rectangular-selection',
          '@codemirror/search',
          '@codemirror/state',
          '@codemirror/stream-parser',
          '@codemirror/text',
          '@codemirror/tooltip',
          '@codemirror/view',
          '@lezer/common',
          '@lezer/highlight',
          '@lezer/lr',
          ...builtins
        ],
      }
    }
  } satisfies UserConfig;
});