AngularJS, пересмотр статического актива Gulp
Я использую gulp-rev
модуль для пересмотра статических ресурсов моих исходных файлов, и он генерирует все файлы - CSS, JS и HTML с новыми именами файлов, добавляя к нему хэш-код.
Before : app.js
After : app-2cba45c.js
Но в моем коде AngularJS и страницах HTML я ссылался на другой HTML с фактическими именами, как мне справиться с этим, когда я использую gulp-rev
?
Например:
HTML-код:
<div class="wd pull-left colapse_border">
<ng-include src="'views/Header.html'"></ng-include> <!-- how to handle this -->
// This didn't work
<!--
<ng-include src="'views/Header*.html'"></ng-include>
-->
</div>
Код JS:
В $routeProvider
:
.when('/head',
{
templateUrl: 'views/Header.html', // how to handle this
// This didn't work
// templateUrl: 'views/Header*.html',
controller: 'HeaderController'
})
Код глотка:
var gulp = require('gulp'),
fileSort = require('gulp-angular-filesort'),
cleanCss = require('gulp-clean-css'),
rev = require('gulp-rev');
gulp.task('appFiles', function () {
var jsFiles = gulp.src('./src/**/*.js')
.pipe(fileSort())
.pipe(rev())
.pipe(gulp.dest('./build'));
var cssFiles = gulp.src('./src/**/*.css')
.pipe(cleanCss({debug: true}))
.pipe(rev())
.pipe(gulp.dest('./build' + '/Styles/CSS'));
var htmlFiles = gulp.src(['./src/**/*.html', '!' + './src/index.html'])
.pipe(rev())
.pipe(gulp.dest('./build'));
var jsonFiles = gulp.src('./src +/**/*.json')
.pipe(rev())
.pipe(gulp.dest('./build'));
});
1 ответ
Решение
Спасибо @lzagkaretos за помощь.
С помощью gulp-rev-replace
решил мою проблему.
Код глотка:
var rev = require('gulp-rev'),
revReplace = require('gulp-rev-replace');
gulp.task('build', function () {
return gulp.src(['./src' + '/**/*.js', './src' + '/**/*.css', './src' + '/**/*.html', './src' + '/**/*.png', './src' + '/**/*.json', '!' + './src' + '/index.html'])
.pipe(rev())
.pipe(gulp.dest('./dist'))
.pipe(rev.manifest())
.pipe(gulp.dest('./dist'))
});
gulp.task("revreplace", function () {
var manifest = gulp.src("./dist/rev-manifest.json");
return gulp.src(['./dist/app/**/*.*','./dist/resources/*.*','./dist/styles/*.*'])
.pipe(revReplace({manifest: manifest}))
.pipe(gulp.dest('./build/app'));
});