gulp-htmlone的BUG弃坑

之前用项目用gulp-htmlone做最后的js和css内联打包出现各种问题

这次居然遇到打包后的css斜杠变反斜杠的问题

如下：/src/common/images/i_banner.jpg会被改成\src\common\images\i_banner.jpg

实在无法忍耐去改他的源码，改了后其他伙伴也要改，所以果断弃坑

在网上找了gulp-inline进行替代

gulp.task(‘inline‘, function() {
    gulp.src([‘./pages/**/*.html‘])
        .pipe(inline({
            js: uglify,
            css: cssmin,
            disabledTypes: [‘svg‘, ‘img‘] // Only inline css files
          }))
        .pipe(gulp.dest(‘./dest‘));
});

官方api如下：

https://www.npmjs.com/package/gulp-inline

Plugin options:

• base - the root directory containing the files to be inlined
• css - css transform (gulp plugin)
• js - js transform (gulp plugin)
• svg - svg transform (gulp plugin)
• ignore - array of file paths to ignore and not inline (file paths as they appear in the source)
• disabledTypes - array of types not to run inlining operations on (css, svg, js, img)