您的位置：首页 > 其它

gulp学习

2015-10-15 11:12 155 查看

中文文档：http://www.gulpjs.com.cn/docs/api/

一、gulp的API

1 gulp.src();

这个方法是用来获取流的，但这个流里的内容不是原始的文件流，而是一个虚拟文件对象流，这个虚拟文件对象中存储着原始文件的路径、文件名、内容等信息。其语法为：　　gulp.src(globs[, options])；

2 gulp.dest();

gulp.dest()方法是用来写文件的。其语法为：　　gulp.dest(path[,options])

3 gulp.task()

这个方法用来定义任务，内部使用的是Orchestrator。其语法为：　　
gulp.task(name[, deps], fn)

4 gulp.watch()

这个方法用来监视文件的变化，当文件发生变化后，我们可以利用它来执行相应的任务，例如文件压缩等。其语法为
[code]gulp.watch(glob[, opts], tasks)
[/code]
二、pipe方法
将文件流导入到gulp的插件或者api方法中；
三、一些常用的gulp插件
1 自动加载插件
gulp-load-plugins，安装：
npm install --save-dev gulp-load-plugins
2 重命名插件
gulp-rename，安装：
npm install --save-dev gulp-rename
3 js文件压缩
gulp-uglify，安装：
npm install --save-dev gulp-uglify
4 css文件压缩
gulp-minify-css，安装：
npm install --save-dev gulp-minify-css
5 html文件压缩
gulp-minify-html，安装：
npm install --save-dev gulp-minify-html
6 js代码检查
gulp-jshint，安装：
npm install --save-dev gulp-jshint
7 文件合并
gulp-concat，安装：
npm install --save-dev gulp-concat
8 less和sass的编译
less使用gulp-less，安装：
npm install --save-dev gulp-less
sass使用gulp-sass，安装：
npm install --save-dev gulp-sass
9 图片压缩
gulp-imagemin，安装：
npm install --save-dev gulp-imagemin
10 自动刷新
gulp-livereload，安装:
npm install --save-dev gulp-livereload

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航