nanosplash/vite.config.ts

The tiny loading screen for web artisans

import { defineConfig, type LibraryFormats } from 'vite'
import path from 'node:path'
import { config } from 'dotenv'
import postcss from 'postcss'
import cssnano from 'cssnano'
config()

const name = 'ns'
const format = (process.env?.format ?? '') as LibraryFormats
const entry = (process.env?.entry ?? '') as string

export default defineConfig({
  build: {
    lib: {
      entry: entry, // Path to your library's entry point
      name: name,
      formats: [format], // ESM, CommonJS, IIFE
      fileName: format => `${name}.${format}.js`,
    },
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  plugins: [
    // @ts-expect-error Because postcss is missing types.
    postcss({
      plugins: [
        cssnano({
          preset: 'default', // Use default preset for standard CSS minification
        }),
      ],
    }),
  ],
})