推一下自己的第一个 gulp 插件： gulp-code-replace

github: https://github.com/heekei/gulp-code-replace

用途

将代码中的置标替换成对应的文件内容。

示例

假设现在有一个项目，项目结构如下：

• tmps
  • body.html
  • header.js
• index.html

index.html内容如下：

    
    
    
    


    {{body.html}}
    

tmps/body.html 内容如下：

    hello, you got it!

tmps/header.js 内容如下：

(function () {
    console.log('gulp-code-replace')
})();

经过处理后：

    
    
    
    


    

        hello, you got it!
    
    

gulp 示例：

var codeReplace = require('gulp-code-replace');
var gulp = require('gulp');

gulp.task('default', function () {
    gulp.src(['./**/*.*', '!tmps/**/*.*'])
        .pipe(codeReplace('./tmps')) //pass the template base path
        .pipe(gulp.dest('build'));
});