使用gulp-concat合并js文件

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

搭建gulp项目


2.安装gulp-concat插件

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

按下 ctrl+r -->  输入 cmd

安装gulp-concat

npm install gulp-concat --save-dev

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

完成

完成安装


3.如何使用

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

这里写图片描述

  1. 定义一个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.合并完成

这里写图片描述

发布了25 篇原创文章 · 获赞 31 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/qq_33236453/article/details/52274875