捆绑文件
如果你不打算使用任何像@stylify/unplugin或@stylify/astro的整合,你可以直接使用@stylify/bundler。
Stylify Bundler是一个允许你为你的项目生成CSS文件的软件包。你可以捆绑任何文件格式。最简单的方法是把所有的CSS生成一个文件。然而捆绑的数量是没有限制的。
import { Bundler } from '@stylify/bundler';
// http://stylifycss.com/docs/bundler#configuration
const bundler = new Bundler({
// 可选
compiler: {
variables: {},
macros: {},
components: {},
// 如果你想混用选择器
mangleSelectors: true
// ...
}
})
bundler.bundle([
{ outputFile: 'path/to/output.css', files: ['path/to/layout.html', 'path/to/page.html'] },
//Bundler使用https://npmjs.com/package/fast-glob
// 你可以使用它的glob语法
{ outputFile: 'path/to/another.css', files: ['path/**/*.html'] }
]);
await bundler.waitOnBundlesProcessed();