003.局部sass与sass导入

可以创建局部Sass文件,将其包含在其他Sass文件中。命名为_partial.scss。 下划线让Sass知道该文件只是一个局部文件,并且不会生成对应的css。 每次在CSS中使用 @import时,它会创建另一个HTTP请求。 Sass构建在CSS @import的顶部将导入的文件合并,不需要一个HTTP请求。 假设有几个Sass文件,_reset.scss和base.scss。 将_reset.scss导入base.scss。

// _reset.scss

html,
body,
ul,
ol {
   margin: 0;
  padding: 0;
}
// base.scss

@import 'reset';

body {
  font: 100% Helvetica, sans-serif;
  background-color: #efefef;
}

编译后

html, body, ul, ol {
  margin: 0;
  padding: 0;
}

body {
  font: 100% Helvetica, sans-serif;
  background-color: #efefef;
}

results matching ""

    No results matching ""