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



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

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/'));
});

有人知道如何使用gull 删除我的html文件的正文内容吗

index.html

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

您可以使用gulp-html替换它来替换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/'));
});

然后,您可以使用gump 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-string-replace

var replace = require('gulp-string-replace');
gulp.task('clearBody', function (done) {

gulp.src('file.html')
.pipe(replace(new RegExp('<body>(.*?)</body>', 'm'), '<body></body>'))
.pipe(gulp.dest('newFile.html'));

done();
});

相关内容

  • 没有找到相关文章

最新更新