Sass导入其他Sass文件
01-.scss文件中导入其它.scss文件
为什么?
- 提高代码的
复用性
其实原生的CSS也支持通过@import导入其它的CSS文件,只不过不常用
为什么不常用?
- 不常用的原因在于原生的@imporyt导入其它的CSS文件的时候
并不是把其它CSS文件中的代码拷贝到当前的文件中 - 它是当浏览器执行到@import时才会去下载导入的那个CSS文件,这就导致了请求的次数变多,那么请求的次数变多了,页面的
加载速度是不是也就变慢了
而Sass中的@import是直接将导入的文件拷贝到当前文件夹中,然后再生成一份CSS
所以说将来只会请求一次,是不是速度就更快了
那么废物不多说,我们直接上代码
