Question

我正在使用gulp生成静态*.html文件。目前这些都位于根文件夹中。

例如：

|- about.html
|- contact.html
|- faq.html

我想在静态主机上托管这些主机，但是使用无扩展名的网址。为了解决这个问题，我希望我能够实际输出这样的内容：

|- about
   |- index.html
|- contact
   |- index.html
|- faq
   |- index.html

由于index.html是我的静态主机的默认设置，因此会产生about/，contact/，faq/无扩展名网址。

我很失落如何实现这一目标并希望得到一些帮助。

Answer 1

使用gulp-foreach和gulp-rename找到解决方案：

gulp.task('extensionless-create', ['fileinclude'], function () {
    return gulp.src(['./.tmp/*.html', '!./.tmp/index.html'])
        .pipe($.foreach(function (stream, file) {
            return stream
                .pipe($.rename('index.html'))
                .pipe(gulp.dest('./.tmp/' + file.relative.substring(file.relative.lastIndexOf('/') + 1, file.relative.lastIndexOf('.')) + '/'));
        }));
});

生成不同文件夹中的index.html文件以创建无扩展名网址

1 个答案: