您的位置:首页 > Web前端 > JavaScript

使用gulp-concat合并js文件

2016-08-22 10:55 323 查看

1.安装nodejs、构建目录、初始化项目

搭建gulp项目

2.安装gulp-concat插件

在项目目录下打开命令提示符工具

按下 ctrl+r -->  输入 cmd


安装gulp-concat

npm install gulp-concat --save-dev


可能会比较慢,等待一段时间。



完成安装

3.如何使用

首先在 项目根目录下的 gulpfile.js文件中间中 引入 gulp插件和gulp-concat插件



定义一个gulp任务



//定义一个任务名称 concat
gulp.task('concat',function(){

// 找到src目录下的所有文件夹中的所有js文件
return gulp.src('src/**/*.js')

//执行concat插件方法,合并的js文件,文件名称为 router.js
.pipe(concat('router.js'))

//最后输出到dist/js文件目录下面
.pipe(gulp.dest('dist/js'));

});


4.合并完成

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 合并 gulp