2016-06-10 57 views
0

我正在用gulp縮小一個index.html文件(注意:接管這個項目,構建系統已由前開發者完成)。gulp/minify:index.html文件名得到隱祕擴展,如何利用?

這一切工作正常,但一飲而盡任務生成具有神祕的擴展它,就像一個HTML文件:

指數bd2c7f58f0.html

我明白這一點必須要有它的優勢,但我無法掌握什麼... :)因爲缺點是現在:

  • 節點服務器需要一個index.html文件的存在,使'/'路線上班。
  • 因此到目前爲止,我要麼必須將文件複製在每次構建或創建一個需要被更新的每一個建立

我缺少的一個環節?我是否應該直接指示創建一個簡單的index.html文件,或者這裏有什麼最佳實踐?

另外,各種插件調用中的哪一個實際上負責將該擴展附加到文件名?

編輯:好像是一口-REV和revReplace調用

這是我現在用的是一口任務:

gulp.task('html', ['styles', 'scripts'], function() { 
    var client = buildHTML('./client/index.html', './dist/public');   
    return merge(client); 
}); 

function buildHTML(index, distFolder) { 
    var lazypipe = require('lazypipe'); 
    var saveHTML = lazypipe() 
     .pipe($.htmlmin, { 
      removeComments: true, 
      removeOptionalTags: true 
     }) 
     .pipe(gulp.dest, distFolder); 


    return gulp.src(index) 
     .pipe($.useref()) 
     .pipe($.rev()) 
     .pipe($.revReplace({replaceInExtensions: ['.js', '.css', '.html', '.ejs']})) 
     .pipe($.if('*.html', saveHTML())); 
} 

回答

0

一個優點,我很熟悉的是,當它的使用使用資產時,當您重新編譯資產併爲該文件創建新的指紋時,請求將不會返回緩存的響應,因爲它是不同的文件。至於你的問題,你可能不應該加入那對你的索引,我認爲這是相當非正統的