vite.config.ts

import { defineConfig } from 'vite';
import minifyHTML from 'rollup-plugin-minify-html-literals';
import { generateBlockEntries, generateIconNameType } from './vite.helpers';
import { config } from './config';
import { resolve } from 'path';
import { InputOption } from 'rollup';

const isProd = process.env.NODE_ENV === 'production';

// @ts-ignore:next line
export default defineConfig(({ command, mode }) => {
  const { mainTsPath, mainScssPath, fontsScssPath, lazyStylesScssPath, sidekickLibraryStylesScssPath } = config;
  const blocksEntries = generateBlockEntries();
  generateIconNameType();

  const inputOptions: InputOption = {
    main: resolve(__dirname, mainTsPath),
    styles: resolve(__dirname, mainScssPath),
    ...blocksEntries,
  };

  if (fontsScssPath) inputOptions.fonts = resolve(__dirname, fontsScssPath);
  if (lazyStylesScssPath) inputOptions.lazyStyles = resolve(__dirname, lazyStylesScssPath);
  if (sidekickLibraryStylesScssPath) {
    inputOptions.sidekickLibraryStyles = resolve(__dirname, sidekickLibraryStylesScssPath);
  }

  return {
    css: {
      devSourcemap: true,
      preprocessorOptions: {
        scss: {
          additionalData: `@import 'src/styles/sass/libs/_index.scss';`,
        },
      },
    },
    resolve: {
      alias: {
        Blocks: resolve(__dirname, 'src/blocks'),
        Components: resolve(__dirname, 'src/components'),
        Directives: resolve(__dirname, 'src/directives'),
        Services: resolve(__dirname, 'src/services'),
        Helpers: resolve(__dirname, 'src/helpers'),
        Constants: resolve(__dirname, 'src/constants'),
        Types: resolve(__dirname, 'src/types'),
        Utils: resolve(__dirname, 'src/utils'),
      },
    },
    build: {
      sourcemap: true,
      minify: true,
      cssMinify: true,
      commonjsOptions: {
        include: ['node_modules/**'],
      },
      emptyOutDir: true,
      rollupOptions: {
        cache: false,
        preserveEntrySignatures: 'strict',
        input: inputOptions,
        output: {
          dir: 'dist',
          assetFileNames: () => {
            return '[name]/[name][extname]';
          },
          chunkFileNames: '__chunks__/[name].[hash].js',
          entryFileNames: '[name]/[name].js',
        },
        plugins: [isProd && minifyHTML()],
      },
    },
  };
});