zoukankan      html  css  js  c++  java
  • Gulpfile.js——编译、压缩、合并js和css文件

    gulp 一个入门教程:http://www.ydcss.com/
    gulp API文档地址:http://www.gulpjs.com.cn/docs/api/



    我的一个Low版的gulpfile
    var gulp = require('gulp');
    gulpif = require('gulp-if');
    sass = require('gulp-sass');
    concat = require('gulp-concat');
    rename = require('gulp-rename');
    cssmin = require('gulp-cssmin');
    uglify = require('gulp-uglify');
    clean = require('gulp-clean');

    gulp.task('clean',function(){
    gulp.src(['dist/css/*','dist/js/*'],{read:false})
    .pipe(clean());
    });
    //将bower的库文件对应到指定位置
    gulp.task('bowerCopy', function() {
    //fonts
    gulp.src('bower_components/bootstrap/fonts/**')
    .pipe(gulp.dest('vender/fonts'));
    //js
    gulp.src('bower_components/jquery/dist/jquery.mim.js')
    .pipe(gulp.dest('vender/js'));
    gulp.src('bower_components/jquery/dist/jquery.mim.map')
    .pipe(gulp.dest('vender/js'));

    gulp.src('bower_components/angular/angular.min.js')
    .pipe(gulp.dest('vender/js'));
    gulp.src('bower_components/angular/angular.min.js.map')
    .pipe(gulp.dest('vender/js'));
    gulp.src('bower_components/bootstrap/dist/js/bootstrap.min.js')
    .pipe(gulp.dest('vender/js'));

    //css
    gulp.src('bower_components/bootstrap/dist/css/bootstrap.min.css')
    .pipe(gulp.dest('vender/css'));
    gulp.src('bower_components/bootstrap/dist/css/bootstrap-theme.min.css')
    .pipe(gulp.dest('vender/css'));
    gulp.src('bower_components/sui/dist/css/sui.min.css')
    .pipe(gulp.dest('vender/css'));
    });

    //Compile SASS
    gulp.task('sass-complie', function(){
    gulp.src('src/sass/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('dist/css'));
    });
    //转移js
    gulp.task('src-move',function(){
    gulp.src('src/js/*.js')
    .pipe(gulp.dest('dist/js'));
    gulp.src('src/css/*.css')
    .pipe(gulp.dest('dist/css'));
    });

    // //合并js文件
    // gulp.task('scripts-concat',function(){
    // gulp.src('src/js/*.js')
    // .pipe(concat('all.js'))
    // .pipe(gulp.dest('dist/js'))
    // });

    //压缩css文件
    gulp.task('css-min',function(){
    gulp.src('dist/css/*.css')
    .pipe(cssmin())
    .pipe(rename({suffix:'.min'}))
    .pipe(gulp.dest('dist/css'));
    });


    //压缩js文件
    gulp.task('js-min',function(){
    gulp.src('src/js/*.js')
    .pipe(uglify())
    .pipe(rename({suffix:'.min'}))
    .pipe(gulp.dest('dist/js'));
    });

    gulp.task('default',['bowerCopy','sass-complie','src-move']);
  • 相关阅读:
    寒假特训——搜索——H
    寒假特训——I
    寒假训练——搜索 K
    three.js 加载STL文件
    three.js 加载3DS 404 文件找不到
    C# 请求数据 方式1
    学习 一个简单的业务处理
    ABP 05 创建Model 以及 相应的增删改查
    ABP 04 用户的创建
    ABP 00 常用知识
  • 原文地址:https://www.cnblogs.com/vanstrict/p/5715653.html
Copyright © 2011-2022 走看看