执行命令,会在根目录下建立build
目录,build
目录里就是我们最终要上线的内容。
Css文件的压缩使用的是
Js文件的压缩使用的是gulp-minify-css
在build
目录中你可以找到压缩后的文件,有意思的是,即使一些文件你采用了合并的形式,照理说应该不会再单独压缩这些文件了,但是还是给你生成了一个单独压缩后的文件,这是因为还不能智能的判断出哪些文件合并或是内联了,所以就将所有的css、js文件又单独压缩了一遍。
文件的合并使用的是,让我们简单的看下语法:
Css文件的合并如下:
在注释内的css文件会合并成一个在build/combined
文件夹
Js文件的合并如下:
在注释内的js文件会合并成一个combined.js
在build/combined
文件夹
文件的内联使用的是gulp-inline-source,让我们简单的看下语法:
执行gulp build
命令后
build/index.html
:
文件的去缓存使用的是,让我们简单的看下语法:
在执行gulp build
的时候,所有的引用资源都会加上MD5戳。
: