Использую для сборки gulp и плагины gulp-hash, gulp-useref.
gulpfile.js выглядит так:
'use strict';
var gulp = require('gulp'),
useref = require('gulp-useref'),
hash = require('gulp-hash');
// Пути
var path = {
app : { // Исходники
html : 'app/*.html',
js : 'app/js/**/*.js'
},
dist : { // Релиз
html : 'dist/',
js : 'dist/js/'
},
watch : { // Наблюдение
html : 'app/**/*.html',
js : 'app/js/**/*.js',
}
};
// Работа с HTML
gulp.task('html', function(){
gulp.src(path.app.html)
.pipe(useref())
.pipe(gulp.dest(path.dist.html));
});
// Работа с JS
gulp.task('js', function(){
gulp.src(path.app.js)
.pipe(hash())
.pipe(gulp.dest(path.dist.js));
});
// Наблюдение
gulp.task('watch', function () {
gulp.watch(path.watch.html, ['html']);
gulp.watch(path.watch.js, ['js']);
});
// Задачи по-умолчанию
gulp.task('default', [
'html',
'js'
]);
В index.html:
<!-- build:js js/main.js -->
<script type="text/javascript" src="js/main.js"></script>
<!-- endbuild -->
userefом собираю main.js.
Структура:
-app
|__ js
| |__ main.js
|__ index.html
-dist
|__ js
| |__ main.js
| |__ main-b5d60504.js
|__ index.html
-gulpfile.js
-package.json
Вопрос:
Как можно поправить gulpfile.js, чтобы на выходе сборки в dist/index.html был подключен хэшированный файл main-b5d60504.js, а не main.js как сейчас? И чтобы в dist/js собирался только хэшированный файл скрипта?
useref
используется