unocss scss写法
Unocss 是一个用于构建 CSS 框架的工具，它基于 PostCSS 和 SCSS，可以帮助您快速构建响应式和模块化的 CSS 代码。以下是使用 Unocss 和 SCSS 的示例代码：
首先，您需要安装 Unocss 和 SCSS 相关依赖：
shell复制代码
npm install unocss postcss autoprefixer cssnano sass
然后，在项目根目录下创建一个 fig.js 文件，用于配置 Unocss 的选项：
javascript复制代码
module.exports = {
plugins: [
require('unocss'),
require('autoprefixer'),
require('cssnano')({
preset: 'default', // 使用默认压缩选项
html和css书籍推荐}),
],
};
接下来，创建一个 SCSS 文件，例如 styles.scss，并在其中编写样式：
scss复制代码
@import "unocss"; // 导入 Unocss 样式
// 自定义样式
.container {
width: 100%;
padding: 20px;
background-color: #f5f5f5;
}
最后，使用 PostCSS 和 SCSS 编译样式文件：
shell复制代码
npx postcss styles.scss -o styles.css --fig.js
在编译完成后，您将在项目根目录下生成一个名为 styles.css 的文件，其中包含了您的样式代码。