vite.config.build.css.ts

import { defineConfig } from 'vite'

const path = require('path')
const atImport = require('postcss-import')
const config = require('./package.json')

const banner = `/*!
* ${config.name} v${config.version} ${new Date()}
* (c) 2023 @BlazorMix
* Released under the MIT License.
*/`

const { resolve } = path
// https://vitejs.dev/config/
export default defineConfig({
    resolve: {
        alias: [{ find: '@', replacement: resolve(__dirname, './src/BlazorMix/wwwroot/src/scss') }],
    },
    css: {
        preprocessorOptions: {
            scss: {
                charset: false,
                additionalData: `@import "@/styles/variables.scss";`,
            },
            postcss: {
                plugins: [atImport({ path: path.join(__dirname, 'src`') })],
            },
        },
    },
    plugins: [],
    build: {
        emptyOutDir: false,
        outDir: './src/BlazorMix/wwwroot/dist',
        rollupOptions: {
            output: {
                banner, 
                assetFileNames: (fileInfo) => {
                    // if (fileInfo.name == 'style.css'){
                    //     return 'index.min.css';
                    // }
                    return `[name].[ext]`
                },
            },
        },
        lib: {
            entry: './src/BlazorMix/wwwroot/src/scss/styles/themes/default.scss',
            formats: ['es'],
            name: 'index',
            fileName: 'index',
        },
    },
})