这是个什么？

简单的说，这是个gulp插件。

这玩意有什么用？

简单的说，顾名思义，这个插件是用来聚合静态资源成为一个单独的html文件的。

为什么要这么做？

因为我们在某些场景下，需要减小文件体积，减小访问量，于是我们只需要一个文件就可以了。

怎么用这个插件？

首先，你需要node环境，０.１０以上的,还有gulp依赖。不过不用担心，现在的人都很勤快，升级相当迅速。

安装

npm install gulp-onehtml --save

使用示例

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

gulp.task('minify', function () {
    gulp.src('test.html')
        .pipe(onehtml({
            perfix: 'perfix-',
            suffix: '-suffix',
            minify: true,
            base64: [  // 转换base64需要手工配置要转换的图片地址
               '../images/logo.png'
            ]
        }))
        .pipe(gulp.dest('dist'))
})

如何简单的使用它

gulp.src('test.html')
    .pipe(onehtml('test.min.html'))
    .pipg(gulp.dest('dist'))    // 默认minify，不会将图片转变为base64

如何提交issue和bug

github issue