配置一套基于
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" // 打包文件
}
}
@前端进阶之旅: 代码已经复制到剪贴板