常用的gulp插件
来源:互联网 发布:什么是水果作曲软件 编辑:程序博客网 时间:2024/06/03 16:29
HTML&CSS
autoprefixer - parse CSS and add vendor prefixes to rules by Can I Use.
gulp-browser-sync - keep multiple browsers & devices in sync when building websites.
gulp-useref - parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets.
gulp-email-design - a workflow for designing and testing HTML email templates.
gulp-uncss - remove unused CSS from your projects.
gulp-csso - very cool CSS minificator. In addition, there are many CSS optimizers and benchmark tests (GitHub) for them. But recently I saw most powerful Shorthand utility without Gulp, which does folowing:
a {
font-family: Arial;
font-style: italic;
font-size: 14px;
line-height: 18px;
font-weight: bold;
background-image: url(‘example.png’);
background-color: red;
background-size: cover;
background-repeat: no-repeat;
}
=>
a {
font: italic bold 14px/18px Arial;
background: red url(‘example.png’) no-repeat / cover;
}
gulp-htmlmin - neat HTML minificator.
gulp-csscomb - refines the structure of your CSS.
gulp-csslint - CSS linter.
gulp-htmlhint - HTML validator.
gulp-processhtml - Process html files at build time to modify them as you wish.
JavaScript
gulp-autopolyfiller - precise polyfills. This is like Autoprefixer, but for JavaScript polyfills.
gulp-babel - transpiler for writing next generation JavaScript.
gulp-jsfmt - for formatting, searching, and rewriting JavaScript.
gulp-jscs - for checking JavaScript Code Style.
gulp-modernizr - build out a lean, mean Modernizr machine.
gulp-express — start (and supervise) an Express.js web server using, works well with socket.io
gulp-requirejs and gulp-browserify - optimize the work with RequireJS and Browserify respectively.
gulp-plato - generate static analysis reports.
gulp-complexity - evaluates code maintainability using Halstead and Cyclomatic metrics.
fixmyjs - automatically fix silly lint errors with help of JSHint (gulp-jshint).
gulp-jscpd — copy/paste detector for programming source code.
gulp-buddy.js - magic number detection for javascript.
gulp-jsonlint - JSON validator.
gulp-uglify - JavaScript compressor.
gulp-concat - concatenate files.
Unit Tests
gulp-nodeunit
gulp-jasmine
gulp-qunit
gulp-mocha
gulp-karma
Graphics
gulpicon - mystical CSS icon solution.
gulp-iconfont - SVG to webfont converter.
gulp-responsive - produce images at different sizes for responsive websites.
gulp-sharp - fastest module for work JPEG, PNG, WebP and TIFF images.
gulp-svgstore - merge SVGs from a folder.
gulp-imacss - application and library that transforms image files to data URIs.
gulp-imagemin и gulp-tinypng or fimage compression.
gulp-spritesmith - converting a set of images into a spritesheet and corresponding CSS variables.
Others
gulp-grunt - able to run Grunt tasks from Gulp.
gulp-watch — run tasks whenever watched files change.
gulp-notify - automatic error messages in system notifications center when Gulp tasks fail.
gulp-git - able to use Git commands.
gulp-jsdoc - generate JavaScript documentation by running JSDoc3.
gulp-rev - static file asset revisioning through content hashing.
gulp-bump - increments versions in package JSON and gulp-update, which automatically updates packages.
gulp-bower-files - inject Bower packages.
gulp-removelogs - remove console logging statements.
gulp-preprocess - preprocess files based off environment configuration.
gulp-duration — displays the elapsed execution time of Gulp tasks.
gulp-changed and gulp-newer — run Gulp tasks with only those source files modified since the last successful run.
gulp-connect - simple static web server.
gulp-shell - run Shell commands.
gulp-ssh - provides the ability to connect via SSH and SFTP.
gulp-zip - compress files and folders..
gulp-clean and gulp-copy - respectively remove and copy sources.
gulp-replace - Search and replace strings in text files.
gulp-filesize - displays sizes of files in a readable format.
gulp-util - utilities for developing Gulp plugins.
Compilers
gulp-less - LESS in CSS.
gulp-sass - SASS/SCSS in СSS.
gulp-compass - SASS with Compass in CSS.
gulp-stylus - Stylus in CSS.
gulp-coffee - CoffeeScript in JavaScript.
gulp-typescript - TypeScript in JavaScript.
gulp-jade - Jade in HTML.
gulp-handlebars - Handlebars templates in JST.
gulp-jst - Underscore templates in JST.
gulp-react - Facebook React’s JSX templates in JST.
gulp-nunjucks - Nunjucks templates in JST.
gulp-dustjs - Dust templates in JST.
gulp-angular-templatecache - AngularJS templates in JST.
Finally
psi - PageSpeed Insights with reporting.
tmi - TMI (Too Many Images) - discover your image weight on the web.
ngrok - Introspected tunnels to localhost.
pageres - responsive website screenshots.
matchdep - filter npm module dependencies.
Maybe some automatization methods you want to use directly in the editor, so look at the The Best Plugins for Sublime Text.
https://github.com/Pestov/essential-gulp-plugins
- 常用的gulp插件
- gulp---gulp常用插件
- gulp常用插件-gulp-autoprefixer
- gulp常用插件-gulp-uglify
- gulp常用插件-gulp-imagemin
- gulp常用插件
- gulp常用插件使用
- gulp常用插件-concat
- gulp常用插件-htmlmin
- gulp常用插件介绍
- gulp常用插件
- 精通gulp常用插件
- 精通gulp常用插件
- 精通gulp常用插件
- Gulp常用插件
- 精通gulp常用插件
- 常用Gulp插件
- Gulp 常用插件
- [mysql] 索引学习
- C语言宏定义和宏定义函数 <一>
- SQL中LTrim(string),RTrim(string),Trim(string)的用法?
- IntentService用法及其详解
- linux 中更改用户权限和用户组的命令
- 常用的gulp插件
- checkbox如果没有选中,就不能传值吗?
- 远程调试spark源码(基于java的调试工具)
- springmvc上传图片并显示图片--支持多图片上传
- CNN迁移学习
- 获取用户ip及归属地
- 文奇的WY实习连载日记3.14-死了4天
- ActiveMQ入门
- [javaweb]xml特殊字符简记