Skip to content

根据日常项目需求 自义定的gulp构建工具

Notifications You must be signed in to change notification settings

rkweb/gulp-tool

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 

Repository files navigation

gulp-tool

基于gulp的自动化构建工具

包括以下功能

  1. css、js合并压缩。
  2. 图片压缩(支持jpg、png、gif压缩)
  3. 保存代码时浏览器自动刷新
  4. sass实时编译
  5. 生成雪碧图(默认雪碧图从左到右排列)
  6. 静态文件自动加版本号

使用方法

  1. 安装gulp http://www.ydcss.com/archives/18

  2. 下载仓库代码,命令行切换到根目录下 执行 npm install

  3. 修改gulpfile.js 中第一行 var path = "项目本地绝对路径",如:var path = "D:/go/2017/0101/app/"

  4. 根据需求执行如下命令

     gulp  //默认执行 sass实时编译、保存代码时浏览器自动刷新
     gulp css  //css合并压缩,生成all.min.css
     gulp js   //js 合并压缩,生成 main.min.js		
     gulp img  // 压缩目录下的所有图片
     gulp sass // sass编译
     gulp sass:watch // 实时编译sass
     gulp sprite-jpg //生成jpg雪碧图,序列帧图片需要放到与index.html同级目录下,生成的雪碧图默认在根目录下sprite文件夹中,雪碧图从左到右依次排列。
     gulp sprite-png // 生成png雪碧图,其他同上。
     gulp browser-sync  //保存代码时浏览器自动刷新
     gulp rev   // 静态文件加版本号  
    

About

根据日常项目需求 自义定的gulp构建工具

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published