常用gulp插件

作者: 馮宁飞你瞅啥 | 来源:发表于2016-08-26 18:22 被阅读101次

No.1、run-sequence

Links:https://www.npmjs.com/package/run-sequence

作用:让gulp任务,可以相互独立,解除任务间的依赖,增强task复用

推荐指数:★★★★★

No.2、browser-sync

Links:http://www.browsersync.io/

作用:静态文件服务器,同时也支持浏览器自动刷新

推荐指数:★★★★★

No.3、del

Links:https://www.npmjs.com/package/del

作用:删除文件/文件夹

推荐指数:★★★★★

No.4、gulp-coffee

Links:https://github.com/wearefractal/gulp-coffee

作用:编译coffee代码为Js代码,使用coffeescript必备

推荐指数:★★★★

No.5、coffee-script

Links:https://www.npmjs.com/package/coffee-script

作用:gulpfile默认采用js后缀,如果要使用gulpfile.coffee来编写,那么需要此模块

推荐指数:★★★

No.6、gulp-nodemon

Links:https://www.npmjs.com/package/gulp-nodemon

作用:自动启动/重启你的node程序,开发node服务端程序必备

推荐指数:★★★★★

No.7、yargs

Links:https://www.npmjs.com/package/yargs

作用:用于获取启动参数,针对不同参数,切换任务执行过程时需要

推荐指数:★★★

No.8、gulp-util

Links:https://www.npmjs.com/package/gulp-util

作用:gulp常用的工具库

推荐指数:★★★★★

No.9、gulp-uglify

Links:https://www.npmjs.com/package/gulp-uglify

作用:通过UglifyJS来压缩JS文件

推荐指数:★★★★

No.9、gulp-concat

Links:https://www.npmjs.com/package/gulp-concat

作用:合并JS

推荐指数:★★★★

No.10、gulp-sourcemaps

Links:https://www.npmjs.com/package/gulp-sourcemaps

作用:处理JS时,生成SourceMap

推荐指数:★★★★

No.11、gulp-less

Linkshttps://www.npmjs.com/package/gulp-less

作用:将less预处理为css

推荐指数:★★★★

No.12、gulp-sass

Linkshttps://www.npmjs.com/package/gulp-sass

作用:将sass预处理为css

推荐指数:★★★★

No.13、gulp-autoprefixer

Linkshttps://www.npmjs.com/package/gulp-autoprefixer

作用:使用Autoprefixer来补全浏览器兼容的css。

推荐指数:★★★★

No.14、gulp-minify-css

Linkshttps://www.npmjs.com/package/gulp-minify-css

作用:压缩css。

推荐指数:★★★★

No.15、connect-history-api-fallback

Linkshttps://www.npmjs.com/package/connect-history-api-fallback

作用:开发angular应用必须,用于支持HTML5 history API.

推荐指数:★★★

No.16、gulp-rev

Linkshttps://www.npmjs.com/package/gulp-rev

作用 :给文件加md5后缀,并生成一个rev-manifest.json,文件名修改后对应关系

推荐指数:★★★

No.16、gulp-rev-collector

Linkshttps://www.npmjs.com/package/gulp-rev-collector

作用:路径替换,根据rev-manifest.json

推荐指数:★★★

相关文章

  • gulp--自动化构建工具

    常用的gulp插件: 1、css压缩:gulp-caanano; 2、图片压缩:gulp-imagemin; 3、...

  • gulp常用插件整理(持续更新)

    gulp常用插件整理 1.gulp-sass(sass编译) 2.gulp-compass(sass编译) 3.g...

  • gulp常用插件整理

    gulp常用插件整理 1.gulp-sass(sass编译) 2.gulp-compass(sass编译) 3.g...

  • Gulp配置文件详解

    前言 前几天写了gulp的基础自动化构建的api。 这次介绍下gulp的几个常用插件和其基本配置: gulp常用插...

  • Gulp 相关插件

    常用插件 gulp-jade (因版权原因已经改名 pug)HTML 模板引擎 gulp-jadeHTML 模板引...

  • gulp常用插件

    1.自动加载插件 使用gulp-load-plugins 安装:npm install --save-dev gu...

  • 常用gulp插件

    sass的编译(gulp-sass)自动添加css前缀(gulp-autoprefixer)压缩css(gulp-...

  • Gulp 常用插件

    gulp-imports A gulp plugin to make file imports/includes ...

  • Gulp常用插件

    Gulp 从npm安装 1 : 2 : 3 : 4 : 已经算是可以开始入门了,下面咱们写点有意思的; npm 需...

  • gulp常用插件

    匹配符 *、**、!、{} 文件操作 del (替代gulp-clean) gulp-rename 描述:重命名文...

网友评论

    本文标题:常用gulp插件

    本文链接:https://www.haomeiwen.com/subject/zjezsttx.html