使用gulp架构的自动化网站模板,分开发环境和发布环境,实现jade、sass的编译,本地服务器热更新等功能
- gulp //引用项目gulp
- gulp-jade //jade编译
- gulp-ruby-sass //编译sass
- gulp-autoprefixer //补全浏览器前缀
- gulp-uglify //压缩js
- gulp-imagemin //图片压缩
- gulp-changed // 只操作有过修改的文件
- gulp-rimraf //清空文件夹
- gulp-livereload // 网页自动刷新(文件变动后即时刷新页面)
- gulp-webserver // 本地服务器
----------------- 开发环境 -----------------
gulp 默认执行webserver和watch,需提前执行gulp start
gulp html HTML处理
gulp css 样式处理&添加源文件路径
gulp js JS文件打包
gulp img 图片压缩
gulp img 图片压缩
gulp start 打包生成开发环境文件
---------------- 发布环境 -----------------
gulp clean 清理文件
gulp cssmin 压缩css
gulp jsmin 压缩js
gulp imgmin 压缩图片
gulp bulid 打包发布
---------------------------------------------