vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import autoprefixer from 'autoprefixer'
// import postcssModules from 'postcss-modules'
import prefixer from 'postcss-prefix-selector';


export default defineConfig({
	plugins: [vue()],
	build: {
		lib: {
			entry: path.resolve(__dirname, 'src/index.js'),
			name: 'FrappeEditor',
			fileName: 'frappe-editor',
			formats: ['umd']
		},
		outDir: 'frappe_editor/public/dist',
		emptyOutDir: true,
		minify: true,
		target: 'es2015',
		rollupOptions: {
			output: {
				assetFileNames: 'frappe-editor.css'
			}
		}
	},
	// css: {
	// 	modules: {
	// 		scopeBehavior: 'local',
	// 		generateScopedName: '[hash:base64:5]',
	// 		localsConvention: 'camelCaseOnly'
	// 	},
	// 	postcss: {
	// 		plugins: [
	// 			autoprefixer(),
	// 			prefixer({
	// 				prefix: '.frappe-editor',
	// 				transform(prefix, selector, prefixedSelector, filePath, rule) {
	// 					return prefix + ' ' + selector;
	// 				}
	// 			}),
	// 		]
	// 	}
	// },
	define: {
		'process.env': process.env
	},
	optimizeDeps: {
		include: [
			"frappe-ui",
		],
	},
})