我如何将2个vinyl-fs与gulp合并,以避免从部分预编译任务创建临时文件
How can I merge 2 vinyl-fs with gulp to not create a temporary file from a partial pre-compiling task
为了协调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源合并到同一个vinyl fs中来进行Less编译?
问好。
谢谢你的评论。但是我现在不想开始开发Less插件…所以,我采用了另一种方法。我开发了一个gulp插件,它预处理less文件以匹配@json-import
指令,以在vinyl less文件中注入生成变量。
似乎工作得很好。所以我把它发表在了NPM上。
https://www.npmjs.com/package/gulp-less-json-import相关文章:
- CoffeeScript中读取的编译时文件
- 我该如何访问由gullow灰质插件创建的数据对象(当使用nunjucks编译html文件时)
- Chrome扩展程序保存临时文件
- jst:编译目标未写入,因为编译的文件为空
- 编译额外文件时奇怪的咕噜咕噜问题
- 打字稿的编译取决于文件的顺序
- 使用 JavaScript 下载页面的 CSS/图像等 HTTPS 资源并将它们写入临时文件
- 使用 Outlook 通过电子邮件发送临时文件
- 这些缓存.js和编译映射文件是什么
- Gulp 不通知 JS 错误,也不在运行 gulp 时编译 scss 文件
- 使用jsx命令行编译器--won't编译到文件
- webpack-dev中间件不会将输出编译到文件夹中
- 警告:文件上载错误-无法在第0行的“未知”中创建临时文件
- 如何使用以下Grunt配置编译Sass文件
- 在WebStorm中编译.coffee文件
- 使用node.js上传文件后,将文件从临时文件夹移动到当前文件夹
- Grunt正在编译Jade文件
- 为什么合并的 JavaScript 临时文件格式不正确
- 如何从base64字符串创建临时文件
- 我如何将2个vinyl-fs与gulp合并,以避免从部分预编译任务创建临时文件