Sass 的导入
sass 的导入(@import)规则和 CSS 的有所不同,编译时会把@import
的 SCSS 文件合并进来生成一个 CSS 文件。但是如果你在 sass 文件中导入 css 文件如@import 'reset.css'
,那效果跟普通的 CSS 导入样式文件一样,导入的 CSS 文件不会合并到编译后的文件中,而是以@import
的形式存在。
所有的 sass 导入文件都可以忽略后缀名.scss
。一般来说基础的文件命名方法以下划线开头,如_mixin.scss
。这种文件在导入的时候可以不写下划线,写成@import 'mixin'
。
被导入的 sass 文件 a.scss:
需要导入样式的 sass 文件 b.scss:
p {
background: #0982c1;
}
编译出来的 b.css:
p {
background: #0982c1;
}