node package manager
Orgs are free. Discover, share, and reuse code in your team. Create a free org »

gulp-onehtml

这是个什么?

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

这玩意有什么用?

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

为什么要这么做?

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

怎么用这个插件?

首先,你需要node环境,0.10以上的,还有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