• 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']);
  • 相关阅读:
    程序员到底该怎么给女朋友挑礼物
    漫说测试 | 研发虐我千百遍,我待bug如初恋
    知识是有价值的
    如何防止ASP.NET网站遭受CSRF的攻击
    如何让ASP.NET网站站点不停止 永远持续运行
    在ASP.NET MVC中验证checkbox 必须选中 (Validation of required checkbox in Asp.Net MVC)
    SOA和Web Service介绍
    ASP.NET网站如何显示自己的网页图标
    ASP.NET(C#)中的try catch异常处理机制
    Session.Abandon, Session.Clear和Session.Remove的区别
  • 原文地址:https://www.cnblogs.com/vanstrict/p/5715653.html
Copyright © 2020-2023  润新知