01-day-什么是webpack

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