vite.config.js

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import Unocss from 'unocss/vite'
import { viteSingleFile } from "vite-plugin-singlefile"
import { presetWind3, presetIcons, presetTypography, transformerDirectives, extractorSplit } from "unocss";
import extractorPug from '@unocss/extractor-pug'

import path from "path";
import { fileURLToPath } from "url";


const filename = fileURLToPath(import.meta.url);
const dirname = path.dirname(filename);

export default defineConfig({
	server: {
		port: 7856
	},
	clearScreen: false,
	preview: {
		host: true,
	},
	publicDir: "public",
	plugins: [
		vue(),
		Unocss({
			presets: [
				presetIcons({
					scale: 1.2,
				}),
				presetWind3(),
				presetTypography()
			],
			transformers: [
				transformerDirectives(),
			],
			extractors: [
				extractorPug(),
				extractorSplit,
			],
			theme: {
				breakpoints: {
					'xs': '360px',
				}
			}
		}),
		viteSingleFile(),
		addServiceWorkerScript(),
	],
	base: './',
	build: {
		outDir: "./dist/",
		sourcemap: false,
		assetsInlineLimit: 100000000,
		chunkSizeWarningLimit: 100000000,
		cssCodeSplit: false,

		rollupOptions: {
			output: {
				inlineDynamicImports: true,
			},
		}
	},
	worker: {
		format: 'es',
		rollupOptions: {
			output: {
				inlineDynamicImports: true,
			},
		}
	},
});



function addServiceWorkerScript() {
	return {
		name: 'vite-plugin-mini-sw',
		transformIndexHtml(html) {
			if (process.env.NODE_ENV === 'production') {
				return html.replace('</head>', ` 
	<script async defer src="https://stat.defucc.me/script.js" data-website-id="fc69dca0-b383-4647-a9db-acc857d8d2c1"></script>
	<script>
    'serviceWorker' in navigator && window.addEventListener('load', () => { navigator.serviceWorker.register('./sw.js')});
  </script>
	</head>
	`);
			}
			return html;
		},
	};
}