.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 它是基于整个项目惊醒构建的 可以完美的实现资源的合并 打包 压缩 依赖