用Gulp注入外部资源

Question

我有这样的css文件：

.container {
  {placeholer}
}

我希望用来自外部url的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以获取您想要的文件)，那么您可以像上面这样进行替换。