drawing-board-service/vite.config.ts

import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import vue from '@vitejs/plugin-vue'
import path from 'node:path'

// https://vite.dev/config/
export default defineConfig({
	resolve: {
		alias: {
			'@/': `${path.resolve(__dirname, 'src')}/`,
		},
	},
  css: {
    preprocessorOptions: {
      scss: {
				additionalData: `@use "@/styles/element.scss" as *;`,
      },
    },
  },
	server: {
		port: 9000,
		open: true,
		host: '0.0.0.0',
	},
	plugins: [
		vue(),
		// AutoImport({
		// 	resolvers: [ElementPlusResolver({importStyle: 'sass'})],
		// }),
		Components({
			resolvers: [ElementPlusResolver({importStyle: 'sass'})],
		})
	],
})