就算萌新也能看得懂的gulp教程（2）：利用gulp-concat文件合并，统计一下你写了多少行代码

有没有对自己写了多少行代码很感兴趣？

但是自己加来加去是不是感觉很累很麻烦？

gulp的插件gulp-concat可以实现文件合并，从而帮你轻松统计写了多少行代码。

首先，安装gulp-concat：

npm install --save gulp-concat

安装好了后，在gulpfile.js中写入以下代码：

var gulp = require('gulp');
// 合并代码到一个文件（暴力合并，可以用来统计代码行数）
var concat = require("gulp-concat");
gulp.task('concat', function () {
    gulp.src('src/**/*.+(html|js|vue|css|json)')     //要合并的文件，src下，子目录和所有更下级目录，文件结尾为js或vue或css和less
        .pipe(concat('all.txt'))  // 合并匹配到的js文件并命名为 "all.js"
        .pipe(gulp.dest('dist/js'));
});

然后可以根据你实际需要，修改gulp.src()函数的参数。

说明可以参照：就算萌新也能看得懂的gulp教程（1）：①读文件②修改③写到新文件中的【files的写法（字符串或数组）（必填）：】（用方括号内的作为关键字来搜索文章）。

例如以上代码的意思，指搜索src文件夹及其子文件夹中，以html或js或vue或者css或者json为结尾的文件。

然后将其合并到all.txt文本中，可以在dist/js文件夹下找到这个文本文件。

从而可以利用各种IDE来查看代码的总行数了，就是这样~

最后，补上运行这个task的命令。

gulp concat