Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    gulp-onehtmlpublic

    这是个什么?

    简单的说,这是个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

    install

    npm i gulp-onehtml

    Downloadsweekly downloads

    5

    version

    0.3.2

    license

    MIT

    repository

    githubgithub

    last publish

    collaborators

    • avatar