javascript - 如何将 2 个vinyl-fs 与 gulp 合并，以不从部分预编译任务创建临时文件

Question

为了协调 SPA 应用程序的风格，我想在 JSON 文件中定义一些风格变量，并在我的 Less 编译中使用它。

基本上它可以像这样工作：

gulp.src('variables.json')
    .pipe(function () {
        // process to create a less file from json
    })
    .pipe(gulp.dest('less/_variable.json.less'))
    .on('end', function(){
        gulp.src(['less/*.less', '!less/_*.less'])
            .pipe(plugins.less())
            .pipe(gulp.dest('css'))
    });

而且更少：

@import "_variables.json.less";
// Other things

在进行较少的编译之前是否可以在不创建中间文件的情况下做到这一点？是否可以将第一个任务的结果和 Less 源合并到同一个乙烯基 fs 以进行 Less 编译？

此致。

Answer 1

感谢 sven-schoenung 的评论。但我暂时不想开始开发 Less 插件……所以，我采用了另一种方法。我开发了一个 gulp 插件，它预处理 less 文件以匹配@json-import指令以将生成变量注入到vinyl Less 文件中。

它似乎运作良好。所以我在 NPM 上发布了它。

https://www.npmjs.com/package/gulp-less-json-import