为什么在我用gulp缩小HTML时删除了gulp注入注释？

Question

下面是在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 -->

请让我知道怎么解决它。

Answer 1

你用的是哪个插件？吞咽-缩小-html？这是不可取的。如果使用该选项，请使用“注释:真”选项，如下所示：

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