react-rocket-boilerplate icon indicating copy to clipboard operation
react-rocket-boilerplate copied to clipboard

Revision in css/js files?

Open highlabs opened this issue 9 years ago • 0 comments

Hi! o/ Any chances to add Revision for css/js files? :)

I added in my project, creating new task in gulp:

'use strict';

var gulp = require('gulp');
var rev = require("gulp-rev");
var revReplace = require("gulp-rev-replace");
var config = require('../config');

gulp.task("rev-js", ['browserify'], function(){
  return gulp.src([config.buildDir +"/js/*.js"])
    .pipe(rev())
    .pipe(gulp.dest(config.scripts.dest))
    .pipe(rev.manifest())
    .pipe(gulp.dest(config.scripts.dest))
})

gulp.task("rev-css", ['sass'], function(){
  return gulp.src([config.buildDir +"/css/*.css"])
    .pipe(rev())
    .pipe(gulp.dest(config.styles.dest))
    .pipe(rev.manifest())
    .pipe(gulp.dest(config.styles.dest))
})

gulp.task("revreplace", ["rev-css", 'rev-js'], function(){
  var manifestjs = gulp.src("./" + config.scripts.dest + "/rev-manifest.json");
  var manifestcss = gulp.src("./" + config.styles.dest + "/rev-manifest.json");

  return gulp.src(config.sourceDir + "/index.html")
    .pipe(revReplace({manifest: manifestjs}))
    .pipe(revReplace({manifest: manifestcss}))
    .pipe(gulp.dest(config.buildDir));
});

But I think this are not a best solution. :/

highlabs avatar Oct 27 '15 13:10 highlabs