都知道CSS一般都尽量写入单个文件,可以减少请求数。但是同时,也增加了无效代码的下载量。
比如有首页和内页两个页面。首页和内页,虽然有部分CSS是相同的,可以共用,但是主体部分很多是不重复的。
所以从CSS内容来讲,应该分成三个文件。即通用CSS文件、首页用CSS文件和内页用CSS文件。这样不管访问哪个页面都不会下载多余的CSS代码。
但是,很明显,这样的做法,跟只有一个CSS文件相比,又增加了2倍的请求。
所以,这两种方式应该如何正确取舍呢?
参考下 bootstrap 的源文件,开发的时候用 scss 做 css 的模块化,发布的时候 bundle 为单个文件发布。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。