vite.config.js

import { resolve } from "path";
import { createLogger, defineConfig } from "vite";

import vue from "@vitejs/plugin-vue";

const logger = createLogger();
const defaultWarner = logger.warn;

logger.warn = (msg, options) => {
    // Ignore warnings about Tailwind's @apply directive
    if (msg.includes("@apply") && msg.includes("unsupported-css-nesting")) {
        return;
    }

    defaultWarner(msg, options);
};

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [vue()],

    customLogger: logger,

    build: {
        lib: {
            entry: [resolve(__dirname, "lib/main.js"), resolve(__dirname, "lib/jodit.js")],
            name: "ProtoneMediaLaravelSplade",
            fileName: "protone-media-laravel-splade"
        },
        cssCodeSplit: true,
        rollupOptions: {
            external: [
                "vue",
                "axios",
                "autosize",
                "choices.js",
                "flatpickr",
                "jodit",
                "nprogress",
                "filepond",
                "filepond-plugin-file-validate-size",
                "filepond-plugin-file-validate-type",
                "filepond-plugin-image-exif-orientation",
                "filepond-plugin-image-preview",
                "filepond-plugin-image-validate-size",
            ],
            output: {
                assetFileNames: (assetInfo) => {
                    if (assetInfo.name === "main.css") {
                        return "style.css";
                    }

                    return assetInfo.name;
                },
                globals: {
                    axios: "axios",
                    vue: "Vue",
                    autosize: "autosize",
                    "choices.js": "Choices",
                    "nprogress": "NProgress",
                    "jodit": "Jodit",
                    "filepond": "FilePond",
                    "filepond-plugin-file-validate-size": "FilePondPluginFileValidateSize",
                    "filepond-plugin-file-validate-type": "FilePondPluginFileValidateType",
                    "filepond-plugin-image-exif-orientation": "FilePondPluginImageExifOrientation",
                    "filepond-plugin-image-preview": "FilePondPluginImagePreview",
                    "filepond-plugin-image-validate-size": "FilePondPluginImageValidateSize"
                },
            }
        }
    }
});