分离出去的sass文件在命名的时候可以不写前面的下划线吗?这样在引用的时候直接写文件名和老师讲的命名的时候写下划线,引用的时候不填下划线有什么区别?

来源:5-6 课程总结

Melody我是女汉纸没有眼泪

2017-12-14 20:08

两者有什么区别呢?


写回答 关注

2回答

  • 徐锦杰
    2017-12-21 23:24:01

    sass的导入( @import)规则和CSS的有所不同,编译时会将 @import的scss文件合并进来只生成一个CSS文件。但是如果你在sass文件中导入css文件如 @import 'reset.css',那效果跟普通CSS导入样式文件一样,导入的css文件不会合并到编译后的文件中,而是以@import方式存在。

    所有的sass导入文件都可以忽略后缀名 .scss。一般来说基础的文件命名方法以_开头,如 _mixin.scss。这种文件在导入的时候可以不写下划线,可写成 @import "mixin"


  • 徐锦杰
    2017-12-21 23:19:57

    如果需要导入 SCSS 或者 Sass 文件,但又不希望将其编译为 CSS,只需要在文件名前添加下划线,这样会告诉 Sass 不要编译这些文件,但导入语句中却不需要添加下划线。

    例如,将文件命名为 _colors.scss,便不会编译 _colours.css 文件。

    @import "colors";

    上面的例子,导入的其实是 _colors.scss 文件

    注意,不可以同时存在添加下划线与未添加下划线的同名文件,添加下划线的文件将会被忽略。


侧栏工具条开发

带动画效果的工具条,掌握如何用CSS3完成简单的动画效果

68226 学习 · 289 问题

查看课程

相似问题