.sass后缀的文件名 比较老了 现在它的后缀名是.scss 其实他们是同一个东西 只是 后缀名发生了变化
以 .sass写的文件的内容是 他没有括号 没有分号 有点怪 它跟新为了.scss 就有了花括号 和 逗号了
body
color:red
font-size:12px
字体文件有 .svg .ttf .eot .woff .woff2 这些都是字体文件的后缀名
网页中 引入了太多的静态资源 会有这样的问题
1==》
网页的加载速度变慢 因为会有很多的二次请求
它首页拿到网页中的 html标签 当他发现有srcipt或者src标签 等 标签 它就回去服务器去拿 如果静态资源多了
服务器就会变得很慢 一个网页要渲染出来 所以不止发送一次请求
2==》
有处理错综复杂的依赖关系 如 bootstrap和jq之间的依赖关系
如何解决上述之间的问题:
1、合并 压缩 精灵图 图片的Base64编码(它适用于小的图片)
图片的Base64编码的做法比精灵图更加的好,因它要发送0次青丘 而精灵图至少要发送一次青丘
2、可以使用requireJS 也可以使用webpack可以解决各个包之间复杂的依赖关系
什么是webpack
webpack是一个前端的项目构建工具 它是基于node.js开发出来的一个前端工具
所以要使用webpack 首先要安装node.js
如何完美的而解决上述的两个问题
1使用Gulp 2webpack
1使用Gulp它是基于task任务的
2webpack 它是基于整个项目惊醒构建的 可以完美的实现资源的合并 打包 压缩 依赖