zoukankan      html  css  js  c++  java
  • gulp的使用

    检测有没安装node,npm

    node -v
    npm -v


    安装gulp

    sudo npm install -g gulp 
    gulp -v

    接下来,我们需要将gulp安装到项目本地

    npm install —-save-dev gulp

    安装依赖

     npm install jshint gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename --save-dev
     npm install --save-dev jshint gulp-jshint

    执行

    npm install -g npm-autoinit

    自动生成对应的package(package.json文件)


    新建gulpfile文件(gulpfile.js)

    // 引入 gulp
    var gulp = require('gulp');
    
    // 引入组件
    var jshint = require('gulp-jshint');
    var sass = require('gulp-sass');
    var concat = require('gulp-concat');
    var uglify = require('gulp-uglify');
    var rename = require('gulp-rename');
    
    // 检查脚本
    gulp.task('lint', function() {
    gulp.src('src/js/*.js')
    .pipe(jshint())
    .pipe(jshint.reporter('default'));
    });
    
    // 编译Sass
    gulp.task('sass', function() {
    gulp.src('src/sass/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('dist/css'));
    });
    
    // 合并,压缩文件
    gulp.task('scripts', function() {
    gulp.src('src/js/*.js')
    .pipe(concat('all.js'))
    .pipe(gulp.dest('dist/js'))
    .pipe(rename('all.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('dist/js'));
    });
    
    // 默认任务
    gulp.task('default', function(){
    gulp.run('lint', 'sass', 'scripts');
    
    // 监听文件变化
    gulp.watch('./js/*.js', function(){
    gulp.run('lint', 'sass', 'scripts');
    });
    });

    命令执行

    gulp  //执行默认
    gulp default  //default任务
    gulp sass   //执行sass任务
  • 相关阅读:
    获取网页页面高度
    统计建模与R软件习题二答案
    R for installing package 'omg'
    R: for installing package 'RODBC'
    svm
    map(int, ..) 与 int() 的区别
    python: list[-1] 与 list[-1:] 的区别
    logisticregression
    bayes
    机器学习之python: kNN
  • 原文地址:https://www.cnblogs.com/fewenjing/p/5892906.html
Copyright © 2011-2022 走看看