gulp实例

最新推荐文章于 2025-09-11 13:32:24 发布

转载最新推荐文章于 2025-09-11 13:32:24 发布 · 59 阅读

文章标签：

#前端 #ViewUI

本文详细介绍了前端生产环境的部署流程，包括文件合并、压缩、语法检查、复制等关键步骤，旨在提高网站加载速度和用户体验。

前端生产环境的简单部署
http://ionichina.com/topic/558a1c1346cb5ff7268cee9d

var gulp = require('gulp');

// 引入gulp组件（插件）
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var watch = require('gulp-watch');
var jshint = require('gulp-jshint');
var minifyCss = require('gulp-minify-css');
var notify = require('gulp-notify');
var concat = require('gulp-concat');
var useref = require('gulp-useref');
var filter = require('gulp-filter');
var gulpif = require('gulp-if');
var clean = require('gulp-clean');

//index.html css、js合并压缩
gulp.task('index', function () {
    var assets = useref.assets();
    return gulp.src('app/index.html')
        .pipe(assets)
        .pipe(gulpif('*.js', uglify()))
        .pipe(gulpif('*.css', minifyCss()))
        .pipe(assets.restore())
        .pipe(useref())
        .pipe(gulp.dest('www'));
});

// 语法检查
gulp.task('jshint', function () {
    return gulp.src('app/js/*.js')
        .pipe(jshint())
        .pipe(jshint.reporter('default'));
});

// 复制文件
gulp.task('copy', function () {
    gulp.src('app/fonts/*')
        // 目标地址
        .pipe(gulp.dest(