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

    1. 安装nodeJs
     
    2. 全局安装gulp: npm install gulp -g
     
    3. 在cmd切换至项目文件夹下 npm init,创建package.json文件(JSON文件内不能写注释)
    {
      "name":"test",   //项目名称(必须)
      "version":"1.0.0",   //项目版本(必须)
      "description":"This is for study gulp project !",   //项目描述(必须)
      "homepage":"",   //项目主页
      "repository":{    //项目资源库
        "type":"git",cd
        "url":"https://git.oschina.net/xxxx"
      },
      "author":{    //项目作者信息
        "name":"surging",
        "email":"surging2@qq.com"
      },
      "license":"ISC",    //项目许可协议
      "devDependencies":{    //项目依赖的插件
        "gulp":"^3.8.11",
        "gulp-less":"^3.0.0"
      }
    }
     
    4.项目根目录下本地安装gulp插件: npm install gulp-ruby-sass --save-dev
     
    5.新建gulpfile.js
    var gulp = require('gulp');
    var sass = require('gulp-ruby-sass');
     
    gulp.task('default', ['watch']);
     
    // 编译sass
    gulp.task('sass', function(){
        return sass('scss/*.scss')
            .on('error', sass.logError)
            .pipe(gulp.dest('css/'));
    });
     
    // 自动监听
    gulp.task('watch', function(){
        gulp.watch('scss/*.scss',['sass']);
    });
     
    6.在项目根目录下运行:gulp或者gulp default
     
    ps:项目文件结构
  • 相关阅读:
    HDU4565
    CF861D
    UVA 11651
    HDU5950
    POJ3267
    POJ1094
    POJ1905
    HDU3567
    进程的同步与互斥
    预防死锁,检测死锁,避免死锁,解除死锁....
  • 原文地址:https://www.cnblogs.com/my93/p/5681302.html
Copyright © 2011-2022 走看看