javascript - 什么gulp插件可以实现动态修改资源引用?

Question

比如调整.html文件的位置后,上面的js\css资源引用跟着修改.

Answer 1

可以用“cachebust” https://www.npmjs.com/package/gulp-cachebust
这个插件会先扫描静态资源，然后给静态资源的文件名添加一个戳，然后再扫描html文件里的静态资源引用部分（script的src和link的href属性），然后把对应的引用文件的文件名替换成上一步加上戳的文件名。
这个插件的好处是不需要再HTML文件里面加上多余的注释。

Answer 2

请使用 gulp-inject https://github.com/klei/gulp-inject

gulp.task('inject', function(){
    return gulp.src('./src/**/*.html')
        .pipe($.inject(gulp.src(['./src/app/**/*.js'])))
        .pipe(gulp.dest('./src'));
});

gulp.task('watcher', function(){
   gulp.watch(['./src/**/*.html'], ['inject']);         
});

请在html页面加上相应的注释，表明你要注入CSS或JS

更多内容你可以参考 https://github.com/Platform-CUF/use-gulp