前端静态资源上传至七牛CDN，使用gulp构建前端文件，如何实现上传CDN以及相对路径替换为CDN地址

Question

rt...........

Answer 1

const qn = require('gulp-qn');
const qiniu_options = {
  accessKey: 'xxx',
  secretKey: 'xxx',
  bucket: 'xxx',
  domain: 'http://xxx.com'
};
gulp.task('js', function () {
  return gulp.src(....)
    .....
    .pipe(qn({
      qiniu: qiniu_options,
      prefix: 'js'
    }))
    .....
});

Answer 2

有用gulp-rev和gulp-rev-collector做hash和路径匹配替换么？，如果有的话，那么就在gulp-rev-collector使用时候加上dirReplacements的配置。
如果没有，你可能需要对所有文件进行匹配替换。。

Answer 3

const replace = require('gulp-replace');

gulp.src([
    './html'
  ])
    .pipe(replace(scriptRegExp, 'www.cdn.com/bundle.js');

用gulp-replace，将管道中html文件与你正则匹配的js文件替换成cdn的地址就好了