前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航

基于gulp的工作流配置

首页
2017-01-21 17:40:43
Build
gulp

配置一套基于gulp的工作流,满足日常的基本开发。

# 一、目录结构

# 二、 package.json

{
  "name": "gulp-project",
  "scripts": {
    "dev": "gulp dev", //npm run dev   开发
    "build": "gulp build", //npm run build   发布
    "upload": "gulp upload", //npm run upload 上传服务器 
    "zip": "gulp zip" ////npm run zip 打包文件
  },
  "devDependencies": {
    "babel-preset-es2015": "^6.22.0", //编译es6
    "browser-sync": "^2.15.0",  //监听改动刷新
    "gulp": "^3.9.1", //gulp
    "gulp-autoprefixer": "^3.1.1", //补齐css浏览器前缀
    "gulp-babel": "^6.1.2", // Es6
    "gulp-clean": "^0.3.2", //删除文件
    "gulp-clean-css": "^2.0.12", //css压缩,gulp-minify-css不更新了
    "gulp-concat": "^2.6.0",//合并文件
    "gulp-ftp": "^1.1.0",//提交到ftp服务器
    "gulp-git": "^1.11.3",//提交到git
    "gulp-htmlmin": "^2.0.0",//压缩html
    "gulp-imagemin": "^3.0.3",//压缩图片
    "gulp-rename": "^1.2.2",//重命名文件
    "gulp-rev-append": "^0.1.6", //添加MD5版本号,这里改成了时间戳
    "gulp-sass": "^2.3.2",//编译SASS
    "gulp-uglify": "^2.0.0",//js压缩
    "gulp-util": "^3.0.7", //说是ftp配套用的,看了下是包装了些常用函数
    "gulp-zip": "^3.2.0" // 打包文件
  }
}
@前端进阶之旅: 代码已经复制到剪贴板

# 三、 gulpfile.js

fe
  • 一、目录结构
  • 二、 package.json
  • 三、 gulpfile.js

← ES6新特性webpack学习总结(二) →