vite.config.js

import { defineConfig } from 'vite'
import { resolve } from 'path'
import preact from '@preact/preset-vite'
export default defineConfig({
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),
      '@public': resolve(__dirname, 'public'),
      '@toolkit': resolve(__dirname, 'src/toolkit'),
    },
    extensions: ['.js', '.ts', '.jsx', '.tsx',]
  },
  css:{
    preprocessorOptions:{
      scss:{
        additionalData:`@import'@/css/mixin.scss'; @import'@/css/function.scss'; @import'@/css/variables.scss';`
      }
    }
  },
  plugins: [preact()],
  build: {
    lib: {
      entry: resolve(__dirname, './src/plugin/index'),
      name: 'nanometer',
      fileName: 'lib',
    },
    rollupOptions: {
      external: ['lodash-es'],
      output: {
        globals: {
          vue: 'lodash-es',
        },
      },
    }
  }
})