执行命令,会在根目录下建立build目录,build目录里就是我们最终要上线的内容。

    Css文件的压缩使用的是

    Js文件的压缩使用的是gulp-minify-css

    build目录中你可以找到压缩后的文件,有意思的是,即使一些文件你采用了合并的形式,照理说应该不会再单独压缩这些文件了,但是还是给你生成了一个单独压缩后的文件,这是因为还不能智能的判断出哪些文件合并或是内联了,所以就将所有的css、js文件又单独压缩了一遍。

    文件的合并使用的是,让我们简单的看下语法:

    Css文件的合并如下:

    在注释内的css文件会合并成一个在build/combined文件夹

    Js文件的合并如下:

    在注释内的js文件会合并成一个combined.jsbuild/combined文件夹

    文件的内联使用的是gulp-inline-source,让我们简单的看下语法:

    执行gulp build命令后

    build/index.html

    文件的去缓存使用的是,让我们简单的看下语法:

    在执行gulp build的时候,所有的引用资源都会加上MD5戳。