Ich bin neu zu Schluck verwenden und versuche, eine gulpfile für mein Projekt zu erstellen.gulp-rev mit renef rename index.html Datei auch
Meine erste Aufgabe ist es, alle meine Skript und Link-Tags in index.html zu kombinieren und sie durch nur ein einziges Tag zu ersetzen. Um diesen Zweck zu erreichen, benutze ich gulp-useref wie folgt.
gulp.task('useref', ['clean'], function() {
return gulp.src(config.paths.app.src + 'index.html')
.pipe(gulpif('*.js', uglify()))
.pipe(gulpif('*.css', cleanCSS()))
.pipe(useref())
.pipe(gulp.dest(config.paths.dist.src))
});
Dieses Ding einfach verkettet und minimiert alle meine JS und CSS-Dateien und erstellen Sie ein einzelnes Skript und Link-Tag für sie. Alles gut bis hier.
Nun möchte ich Hashing zu den kombinierten JS und CSS-Dateien auch implementieren. Dafür verwende ich gulp-rev und gulp-rev-replace wie unten beschrieben.
gulp.task('useref', ['clean'], function() {
return gulp.src(config.paths.app.src + 'index.html')
.pipe(gulpif('*.js', uglify()))
.pipe(gulpif('*.css', cleanCSS()))
.pipe(useref())
.pipe(rev())
.pipe(revReplace())
.pipe(gulp.dest(config.paths.dist.src))
});
Das funktioniert auch gut, aber für eine kleine Sache. Es erstellt die Hash-Dateinamen nicht nur für meine JS- und CSS-Dateien, sondern auch für meine index.html-Datei und darunter.
Gibt es eine Möglichkeit, durch die ich die Umbenennung der Datei index.html vermeiden kann, während immer noch die JS zu erhalten und CSS gehasht Dateinamen, weil mein Server für die Datei index.html im Ordner aussehen würde, anstatt Index - *********. HTML?
Danke.
Das funktionierte für mich, obwohl ich '.pipe (gulpif (/ \. Css | \ .js $ /, $ .rev()))' 'machen musste –