creator H5 启动页优化

思路：

1、通过gulp-filelnline-inline 插件将style-mobile.css、setting.js、main.js、内联到html中，减少文件网络的请求次数。

2、通过gulp-htmlmin把html文件压缩、减少空格、压缩代码量、减少文件体积

实现步骤：

1、配置nodejs、gulp运行环境

2、安装gulp-fileinline-inline、gulp-htmlmin插件

3、创建gulifile.js文件，代码如下　

var gulp = require('gulp');

var fileInline = require('gulp-file-inline');

var htmlmin = require('gulp-htmlmin');

 

gulp.task('htmlmin', function(cb) {

gulp.src('./build/web-mobile/*.html')

.pipe(fileInline())

.pipe(htmlmin({

collapseWhitespace:true, // 压缩空格

removeComments: true // 清除html注释

}))

.pipe(gulp.dest('./build/web-mobile/')

.on('end', cb));

});

4、执行 gulp htmlmin