我可以从索引中重命名文件名。使用以下配置
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();
});