@stylify/astro

Astro集成简化了Stylify CSS集成到Astri.build中。

安装

集成只能通过CLI如NPM或Yarn来安装：

yarn add @stylify/astro
npm i @stylify/astro

在astro.config.mjs中添加一个buildModule：

import { defineConfig } from 'astro/config';
import stylify from '@stylify/astro';

export default defineConfig({
	integrations: [stylify()]
});

配置是可选的。如果没有设置 “bundles “选项，src目录下的所有文件将被编译，并生成一个单一的stylify.css文件并注入到所有页面。

在astro.config.mjs中配置：

stylify({
	// https://stylifycss.com/en/docs/unplugin#configuration
})

你也可以使用自定义文件或在astro.config.mjs旁边创建的stylify.config.js来配置Stylify的CSS。

import { defineConfig } from '@stylify/astro';

export default defineConfig({
	// https://stylifycss.com/en/docs/unplugin#configuration
});

你也可以为Astro应用程序使用配置片段，以加快设置速度。