Gulp如何使用

2023年10月3日 130次阅读 来源: Brighten_Sun

gulp 自动化工具 ->基于node
官网 http://gulpjs.com/

使用Git Bash或点击开始–运行–输入–cmd–切换磁盘

检测环境
node -v
npm -v

初始化
npm init
一顿回车

正式安装gulp
npm install gulp-cli –save-dev 必须写
npm install gulp -g –save-dev 必须写

检测gulp
gulp –version /gulp -v

编写任务文件
gulpfile.js放在根目录下
http://www.npmjs.com 插件添加

压缩和合并
下载插件
npm install gulp-uglify –save-dev //压缩
npm install gulp-concat –save-dev //合并

如果文件中有这些插件直接npm install //自动安装好

启动gulp
gulp 任务名

整个gulp操作结束

gulpfile.js文件内容

//引入插件
    var gulp = require('gulp');
    var uglify = require('gulp-uglify');    //压缩
    var concat = require('gulp-concat');    //合并
 //编写任务

        gulp.task('yasuo-hebing',function(){    //任务名称
            gulp.src('js/**/*.js')          //获取所有的js文件
                .pipe(uglify())             //pipe管道,压缩文件
                .pipe(concat('main.min.js'))        //合并成什么文件
                .pipe(gulp.dest('build'));       //输出对应文件夹中
        })
    gulp.task('default',['yasuo-hebing'])       //设置默认任务名称
//启动gulp
//gitbash gulp 任务名称
//gulp yasuo-hebing
    原文作者：Brighten_Sun
    原文地址: https://www.jianshu.com/p/05d4350e089d
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞