sass 教程：3-1. 使用SASS部分文件

在 Sass 中，可以使用部分文件（Partial）来拆分样式表，以提高代码的可维护性和组织性。部分文件的文件名以 _ 开头，例如 _variables.scss。以下是使用 Sass 部分文件的基本示例：

1. 创建部分文件

\_variables.scss

// _variables.scss
$primary-color: #3498db;
$font-stack: 'Helvetica Neue', sans-serif;

\_mixins.scss

// _mixins.scss
@mixin rounded-corners {
  border-radius: 5px;
}

2. 导入部分文件

styles.scss

// styles.scss
@import 'variables';
@import 'mixins';

body {
  font: $font-stack;
  color: $primary-color;
  @include rounded-corners;
}

在这个例子中，styles.scss 导入了两个部分文件 _variables.scss 和 _mixins.scss，并使用其中定义的变量和混合。

3. 编译 Sass 文件

在命令行中运行以下命令来编译 styles.scss：

sass styles.scss styles.css

编译后的 styles.css 文件将包含 _variables.scss 和 _mixins.scss 中定义的样式。

使用部分文件有助于将样式表分割为更小的、易于管理的模块，每个模块都有特定的功能，例如定义变量、混合、函数等。这样可以提高代码的可读性和可维护性。在导入部分文件时，不需要添加文件扩展名，并且不会生成单独的 CSS 文件。

转载请注明出处：http://www.zyzy.cn/article/detail/4330/sass