当我用gulp缩小HTML时,为什么gulp-inject评论被删除了

时间:2018-05-14 04:22:33

标签: javascript gulp

这是缩小gulp中的html文件,如下所示

var gulp = require('gulp');
var path = require('path');
var rename = require('gulp-rename'); 
var uglify = require('gulp-uglifyes');
var mainBowerFiles = require('gulp-main-bower-files');
var concat = require('gulp-concat');
var gulpFilter = require('gulp-filter');
var $ = require('gulp-load-plugins')();
var del = require('del');
var runSequence = require('run-sequence');
var browserSync = require('browser-sync');
var pagespeed = require('psi');
var reload = browserSync.reload;
var fs = require('fs');
var inject = require('gulp-inject');

gulp.task('html', function() {
  var assets = $.useref.assets({searchPath: '{.tmp,app}'});

  return gulp.src('app/**/**/*.html')
    .pipe(assets)
    // Remove Any Unused CSS
    // Note: If not using the Style Guide, you can delete it from
    // the next line to only include styles your project uses.
    .pipe($.if('*.css', $.uncss({
      html: [
        'app/index.html'
      ],
      // CSS Selectors for UnCSS to ignore
      ignore: []
    })))

    // Concatenate And Minify Styles
    // In case you are still using useref build blocks
    .pipe($.if('*.css', $.csso()))
    .pipe(assets.restore())
    .pipe($.useref())
    // Minify Any HTML
    .pipe($.if('*.html', $.minifyHtml()))
    // Output Files
    .pipe(gulp.dest('dist'))
    .pipe($.size({title: 'html'}));
});

在缩小并移至生产文件夹后,所有gulp-inject评论均已消失。

<!-- inject:js -->
<!-- endinject -->

请让我知道如何解决。

1 个答案:

答案 0 :(得分:1)

您使用的是哪个插件?咕嘟咕嘟-缩小,HTML?那是弃用的。如果您正在使用该选项,请尝试选项&#34;评论:true&#34;如:

.pipe($.if('*.html', $.minifyHtml({comments:true})))