使用Gulp注入外部资源

Question

我有这样的css文件：

.container {
  {placeholer}
}

我想用外部网址中的css替换{placeholder}，例如https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/dark.min.css。

有人知道可以做到这一点的 gulp插件吗？我刚刚阅读了有关gulp-inject插件的文档，但我没有找到任何有关外部资源的信息。

Answer 1

您可以使用gulp-tap。

例如

gulp
.src('src/**/main.css')
.pipe(tap(function(file) {

    var fileContents = file._contents.toString();

    //  replace whatever you want...
    file._contents = new Buffer(fileContents.replace(regex, replacement));
}))
.pipe(gulp.dest('build'));

假设您将以某种方式获得所需外部文件的内容（例如，检查request以获取您想要的文件），那么您可以像上面那样进行替换。