javascript - css文件和js文件版本号如何写在一个rev-manifest.json文件里面
黄舟
黄舟 2017-04-10 15:21:01
0
2
408
我用gulp-rev插件来生成静态文件版本号,然后它会把版本号写到rev-manifest.json配置文件里。

现在问题是。css文件和js文件版本号如何写在一个rev-manifest.json文件里面eg:

{
    "css/a.css": "css/a-d41d8cd98f.css",
    "css/b.css": "css/b-d41d8cd98f.css",
    ...
    "js/a.js": "js/a-273c2cin3f.js"
    "js/b.js": "js/b-273c2cin3f.js"
}

我下面这样写,静态资源会生成版本号,但只有第一个版本号会写入json文件,其他不会。

gulp.task('jsmin1', function() {
     
       del(['./dist/js/vendor/jquery.all.min-*.js'], function (err) {});

      return gulp.src([
           './dist/js/vendor/jquery/jquery.min.js',
           './dist/js/vendor/jquery/ui/jquery-ui.min.js',
            './dist/js/vendor/libs/bootstrap.min.js'
        ])
        .pipe(concat('jquery.all.js'))
        .pipe(rev())
        .pipe(gulp.dest('./dist/js/vendor/'))  
        .pipe(rev.manifest({
            // merge: true // merge with the existing manifest (if one exists)
        }))
         .pipe(gulp.dest('./dist/rev/js/')); 
});


gulp.task('jsmin2',['jsmin1'], function() {
      // angularjs 必要的组件
      del(['./dist/js/vendor/angular.all.min-*.js'], function (err) {});
     return gulp.src([
              './dist/js/vendor/angular/angular.js',   
               './dist/js/vendor/modules/ng-table/ng-table.min.js',
               './dist/js/vendor/angular/angular-md5/angular-md5.js'
        ])
        .pipe(concat('angular.all.js'))
        .pipe(rev())
        .pipe(gulp.dest('./dist/js/vendor/'))  
        .pipe(rev.manifest({
            // merge: true // merge with the existing manifest (if one exists)
        }))
         .pipe(gulp.dest('./dist/rev/js/')); 

});


请问怎么配置可以写在1个json文件里面类似这样的:

{
    "css/a.css": "css/a-d41d8cd98f.css",
    "css/b.css": "css/b-d41d8cd98f.css",
    ...
    "js/a.js": "js/a-273c2cin3f.js"
    "js/b.js": "js/b-273c2cin3f.js"
}

谢谢!

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

Antworte allen(2)
巴扎黑

gulp-rev manifest配置项merge设置为true

……

.pipe(rev.manifest({
    merge: true
}))

……
黄舟

楼上正解,就是这么配置

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage