gulp教程之gulp-concat

本文主要是介绍gulp教程之gulp-concat，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

原文链接：http://www.ydcss.com/archives/83

1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件

1.1、gulp基本使用还未掌握？请参看： gulp详细入门教程

1.2、本示例目录结构如下：

2、本地安装gulp-concat

2.1、github：https://github.com/wearefractal/gulp-concat

2.2、安装：命令提示符执行 cnpm install gulp-concat --save-dev

2.3、注意：没有安装cnpm请使用 npm install gulp-concat --save-dev。 什么是cnpm，如何安装？

2.4、说明：--save-dev 保存配置信息至 package.json 的 devDependencies 节点。为什么要保存至package.json？

3、配置gulpfile.js

3.1、基本使用

var gulp = require('gulp'),concat = require('gulp-concat');gulp.task('testConcat', function () {gulp.src('src/js/*.js').pipe(concat('all.js'))//合并后的文件名
        .pipe(gulp.dest('dist/js'));
});

4、执行任务

4.1、命令提示符执行：gulp testConcat

5、结束语

5.1、本文有任何错误，或有任何疑问，欢迎留言说明。

这篇关于gulp教程之gulp-concat的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---