Question

我可以从索引重命名文件名。使用以下配置

Gulp.js

var rename = require("gulp-rename");

gulp.task('modify-html', function () {
  gulp.src('reports/index.html')
    .pipe(rename('/app.html'))
    .pipe(gulp.dest('reports/'));
});

有谁知道如何使用gulp删除我的html文件的正文内容

的index.html

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Answer 1

您可以使用gulp-html-replace替换HTML块。

标记需要删除的内容

<!-- build:remove -->
Put all the content which needs to be removed, in the block
<!-- endbuild -->

并像

一样使用它

var htmlreplace = require('gulp-html-replace')
gulp.task('modify-html', function () {
  gulp.src('reports/index.html')
    .pipe(htmlreplace({ remove : '' }))
    .pipe(rename('/app.html'))
    .pipe(gulp.dest('reports/'));
});

然后，您可以使用gulp-dom

var dom = require('gulp-dom');
gulp.task('modify-html', function () {
    gulp.src('reports/index.html')
    .pipe(dom(function () {
            this.querySelector('body').innerHTML = '';
            return this;
        }))
    .pipe(rename('/app.html'))
    .pipe(gulp.dest('reports/'));
});

注意：我没有测试过。

使用gulp删除index.html的正文内容

1 个答案: