Agrupación de archivos

En caso de que no planees usar ninguna integración como @stylify/unplugin o @stylify/astro, puedes usar @stylify/bundler directamente.

Stylify Bundler es un paquete que te permite generar archivos CSS para tu proyecto. Puedes empaquetar cualquier formato de archivo. La forma más fácil es generar todo el CSS en un solo archivo. Sin embargo la cantidad de bundles no está limitada.

import { Bundler } from '@stylify/bundler';

// http://stylifycss.com/docs/bundler#configuration
const bundler = new Bundler({
	// Opcional
	compiler: {
		variables: {},
		macros: {},
		components: {},
		// Si desea manipular los selectores
		mangleSelectors: true
		// ...
	}
})

bundler.bundle([
	{ outputFile: 'path/to/output.css', files: ['path/to/layout.html', 'path/to/page.html'] },
	// Bundler utiliza https://npmjs.com/package/fast-glob
	// Puedes usar su sintaxis glob
	{ outputFile: 'path/to/another.css', files: ['path/**/*.html'] }
]);

await bundler.waitOnBundlesProcessed();