zoukankan      html  css  js  c++  java
  • gulp实例

    前端生产环境的简单部署
    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('www/fonts/')) gulp.src('app/templates/**') // 目标地址 .pipe(gulp.dest('www/templates/')) gulp.src('app/img/*') // 目标地址 .pipe(gulp.dest('www/img/')) }); // 清空图片、样式、js gulp.task('clean', function () { return gulp.src(['www/css/*', 'www/js/*', 'www/img/*', 'www/lib/*', 'www/templates/*'], {read: false}) .pipe(clean({force: true})); }); // 注册缺省任务 gulp.task('default', ['jshint', 'clean', 'index', 'copy']);
  • 相关阅读:
    vue实战(3):底部导航显示、搭建各模块静态页面、添加登录页页面与路由
    vue实战(2):初始化项目、搭建底部导航路由
    hexo
    移动端自适应
    vue过场动画
    获取 TypeScript
    TypeScript 与 JavaScript 的区别
    api封装使用
    vue学习
    dom的增删改
  • 原文地址:https://www.cnblogs.com/terrylin/p/4733076.html
Copyright © 2011-2022 走看看