zoukankan      html  css  js  c++  java
  • 3. gulp安装和使用

    环境

    安装gulp和grunt用的都是node 的包管理工具 -npm ,所以你需要先在电脑上安装 node ,这样就能去安装 Gulp 与 Grunt 了。(安装node会自动安装npm,检测安装成功 node -v,  npm -v)

    安装

    在项目里使用gulp,你得先在全局范围内去安装一下 Gulp 的命令行工具,然后在项目里面再去安装 Gulp。(如果遇到权限问题,在命令前加sudo)

    npm install -g gulp

     进入到项目里面安装一下gulp

    npm install gulp

    然后输入npm init 为项目创建一个package.json文件,这样可以把gulp作为项目的开发依赖,放到这个package.json文件里面

    npm init

    gulp的使用

    模块安装--save-dev意思就是把模块作为项目的开发依赖,放到 package.json 这个文件里面。)

    npm install 模块名称  --save-dev

     任务创建

        var gulp = require('gulp');            // 让gulp变量拥有Gulp的所有方法,创建Gulp的任务,就可使用gulp的task方法
        var uglify = require('gulp-uglify');   // 压缩js
        var rename = require('gulp-rename');   // 改名
    
        // 创建a任务
        gulp.task('a', function() {
            return gulp.src('src/main.js')
                    .pipe(uglify())            // 管道  pipe
                    .pipe(gulp.dest('dest'));
        });
    
        // 创建b任务
        gulp.task("b",function(){
            return gulp.src("src/main.js")
                    .pipe(rename("a.min.js"))
                    .pipe(gulp.dest("dest"));          // 直接写输出目录
                 //.pipe(gulp.dest("dest/a.min.js"));  // 错误
        });
    
        gulp.task('default', ['a', 'b']);

     任务执行(需进入项目所在目录执行)

    这里的greet为任务名称,a为a任务,b为b任务,default为[]里的所有任务

    gulp a
  • 相关阅读:
    对TCP/IP协议的理解
    自己想到的几道Java面试题
    Java双重循环实现任意字符串中提取数字子串
    Spring data jpa 依赖配置
    spring data jpa sql
    spring boot 依赖配置
    Freemarker模板和依赖
    spring Data solr依赖文件 和xml配置文件
    根据mysql数据库 定义solr Schema.xml中配置业务域
    自定义solr域中的配置
  • 原文地址:https://www.cnblogs.com/zouxinping/p/4989844.html
Copyright © 2011-2022 走看看