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()));
}