在不同的文件夹中生成 index.html 个文件以创建无扩展名的 url

Question

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

例如：

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

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

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

由于 index.html 是我的静态主机的默认值，它会导致 about/、contact/、faq/ 无扩展名 url。

我不知道如何完成这个，希望得到一些帮助。

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 个文件以创建无扩展名的 url

Generate index.html files in different folders to create extensionless urls

gulp

static-site