如何从源文件中提取部分并将其另存为gulp单独的文件？

Question

我有*.source个文件，其中包含三个部分：jade，js和scss。

示例materialPalette.source文件：

/* section jade */
  // some jade code, should be saved as materialPalette.jade
/* end jade */


/* section js */
  // js code > materialPalette.js
/* end js */


/* section scss */
  // scss code > materialPalette.scss
/* end scss */

如何将materialPalette.source（和其他* .source）拆分为每个部分的separete文件？ 预期的功能：

gulp.src('../framework/**/*.source')
// PSEUDOCODE:
// extract sections and save in the same folder as *.source files
.pipe( extract(function('jade', './FILENAME.jade')) )
.pipe( extract(function('js', './FILENAME.js')) )
.pipe( extract(function('scss', './FILENAME.scss')) );

Answer 1

有一个非常接近这个任务的脚本：

https://www.npmjs.com/package/grunt-split-file

但是我编写了自己的节点包，名为SplitFile，它使用XML标签分隔代码段并输出属性，以便于定义输出文件位置。

https://www.npmjs.com/package/splitfile