0

Gulp、Gulp Jade、および Gulp Rename を使用して、正規の URL を持つ静的サイトを作成しています。

現在、このスクリプト：

gulp.task('jade', function() {
  return gulp.src('src/views/**/*.jade')
    .pipe(jade({
      pretty: true
    }))
    .pipe(rename(function(path){
        if (path.basename=='index'){
          return;
        }
        path.dirname=path.basename.split('-').join('/');
        path.basename="index";
    }))
    .pipe(gulp.dest('./public/'))
    callback();
});

次のファイルをコンパイルできます。

/src/views/index.jade>> /public/index.html（ホームページ）

/src/views/about.jade>> /public/about/index.html（ページについて）

これは、http: //example.com/ ( index.jade の場合) とhttp://example.com/about/ (about.jade の場合) に正規 URL を設定できることを意味します。

ただし、URL 構造に複数のレベルを含めることができるようにしたいと考えています。たとえば、URL で Dave に関するページが必要な場合は、次のようにしますhttp://example.com/about/dave/。

私はこれを達成したい:

/src/views/about/dave.jade>>/public/about/dave/index.html

しかし、結果は次のとおりです。

/src/views/about/dave.jade>>/public/dave/index.html

4

2 に答える 2

0

Jade は "Pug" に名前が変更され、コンパイルする入力としてディレクトリを指定すると、デフォルトでディレクトリ構造が保持されるようになりました。

簡単な例を次に示します。

パグ出典：

source/
    templates/
      |-- index.pug
      |-- about.pug
    partials/
      |-- navigation.pug

コンパイルするコマンド:

pug source --out ./build

次のように出力します。

build/
    templates/
      |-- index.html
      |-- about.html
    partials/
      |-- navigation.html
于 2016-05-11T10:33:10.947 に答える
0

同様の質問があります: Jade to HTML > index.html は jade ファイルにちなんで名付けられたディレクトリ内にあり、動作する gulp-rename の素敵なコード サンプルを見つけることができます。

于 2015-12-16T08:56:53.303 に答える