1.0.3 • Published 5 years ago

gulp-auto v1.0.3

Weekly downloads
18
License
ISC
Repository
github
Last release
5 years ago

简洁,高效,实用的前端自动化开发小工具!针对前端开发常见需求,提供基于gulp的前端自动化环境,模版文件初始化,代码压缩js|css|image,less编译及压缩,文件合并,根据自定义模版自动创建组件/页面,文件拷贝及监听等常见的基于gulp自动化执行的任务。

使用:

1. 全局安装

npm install gulp-auto -g
或
npm install gulp-auto -g --registry http://registry.cnpmjs.org

2. 使用

Usage: gulp-auto [options] [command]

Options:
  -v, --version  输出当前gulp-auto版本号
  -h, --help     output usage information

Commands:
  init [name]                   初始化模版应用
  minify [js|css|images|build]  压缩文件[js|css|images|build]
  parse [less]                  解析less文件为css
  watch                         监听文件
  help [cmd]                    display help for [cmd]

3.说明 :

Example:
1.初始化模版应用
  gulp-auto init test-app

即可在当前目录下创建一个文件app,内部的目录结构如下所示:

test-app
└── src
    ├── css
    │   └── index.css
    ├── images
    │   └── test.png
    └── js
        └── index.js
2.js文件压缩
  gulp-auto minify js -d src

此时,即可在当前目录下创建dist,并将压缩后的js放置在当前目录下,内部目录结构如下所示:

.
├── dist
│   └── js
│       └── index.js
└── src
    ├── css
    │   └── index.css
    ├── images
    │   └── test.png
    └── js
        └── index.js
3.css文件压缩
  gulp-auto minify css -d src

此时,即可在当前目录下创建dist,并将压缩后的css放置在当前目录下,内部目录结构如下所示:

.  
├── dist  
│   └── css  
│       └── index.css  
└── src  
    ├── css  
    │   └── index.css  
    ├── images  
    │   └── test.png  
    └── js  
        └── index.js  
4.图片文件压缩
  gulp-auto minify images -d src

内部目录结构如下所示:

.   
├── dist  
│   └── images  
│       └── test.png  
└── src  
    ├── css  
    │   └── index.css  
    ├── images  
    │   └── test.png  
    └── js  
        └── index.js  
5.less文件编译为css
  gulp-auto parse -d src
6.js&css&images文件全部压缩
  gulp-auto minify build -d src

内部目录结构如下所示:

.   
├── dist  
│   └── images  
│       └── test.png  
│   └── js  
│       └── index.js  
│   └── css  
│       └── index.css  
└── src  
    ├── css  
    │   └── index.css  
    ├── images  
    │   └── test.png  
    └── js  
        └── index.js  

4. 规划

Commands:
  copy [name]                  批量拷贝文件
  concat                       合并文件
  create [file]                使用自定义模版,在当前目录下自动创建组件/页面
  watch                        监听文件

其余功能需求待续,正在赶来...

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago

0.3.2

5 years ago

0.3.1

5 years ago

0.3.0

5 years ago

0.2.5

5 years ago

0.2.4

5 years ago

0.2.3

5 years ago

0.2.2

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago

0.0.1

5 years ago