grunt 常用插件有哪些？

作者：顾城
链接：https://www.zhihu.com/question/21917526/answer/19747259
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

（GruntJS——的介绍和使用）（https://segmentfault.com/a/1190000000353114）

Grunt plugin: Plugins - Grunt: The JavaScript Task Runner

CSS

gruntjs/grunt-contrib-compass ?? GitHub 平常主要用Scss
gruntjs/grunt-contrib-less ?? GitHub 因为要用Bootstrap

gruntjs/grunt-contrib-coffee ?? GitHub 平常主要用Coffee
gruntjs/grunt-contrib-jshint ?? GitHub 检查代码中糟糕的部分，大家都用

Automation自动化

sindresorhus/load-grunt-tasks 路 GitHub Load multiple grunt tasks using globbing patterns. 有了这个你就不用手动加载Grunt任务了
sindresorhus/time-grunt 路 GitHub Displays the elapsed execution time of grunt tasks 计算任务执行的时间
gruntjs/grunt-contrib-watch ?? GitHub Run predefined tasks whenever watched file patterns are added, changed or deleted. 自动刷新，这个应该每个人都用的吧
sindresorhus/grunt-concurrent 路 GitHub Run grunt tasks concurrently 并发执行任务
gruntjs/grunt-contrib-clean ?? GitHub Clean files and folders. 做清洁工作，不然会残留很多没有用的文件
yeoman/grunt-usemin 路 GitHub 怎么说呢，反正一个很好用的东西 :)
cbas/grunt-rev 路 GitHub
gruntjs/grunt-contrib-copy · GitHub Copy files and folders. 自动复制粘贴文件的
gruntjs/grunt-contrib-uglify ?? GitHub Concat and Minify JavaScript files with UglifyJS. 压缩JS文件的
gruntjs/grunt-contrib-htmlmin ?? GitHub Minify HTML
gruntjs/grunt-contrib-imagemin ?? GitHub Minify PNG and JPEG images 优化图片的，其实没怎么用
gruntjs/grunt-contrib-connect ?? GitHub Start a connect web server. 在本地模拟一个web server
jsoverson/grunt-open · GitHub Open urls and files from a grunt task 自动打开，很好用 :)

时间： 2024-10-31 19:39:28

grunt 常用插件有哪些？的相关文章

Grunt常用插件及示例说明

下述给出了常用Grunt插件,并列举了部分插件示例: 插件名称说明 Github地址 grunt-contrib-clean 清空文件和文件夹 https://github.com/gruntjs/grunt-contrib-clean grunt-contrib-copy 复制文件和文件夹 https://github.com/gruntjs/grunt-contrib-copy grunt-contrib-concat 连接.合并文件 https://github.com/gruntjs/

grunt常用插件的使用

Grunt 作为前端自动化构建工具,我主要使用到的是其中对css的less预处理器的转换,图片的压缩,js,css文件的合并压缩以及实时监测的插件. 好处是:节省带宽流量,提高了代码的安全性. 使用Grunt的步骤如下: 1.安装:先要安装 Node.js, 然后安装 Grunt(打开控制台输入npm install -g grunt-cli进行全局安装). 2.创建自己的项目文件(此处用到了bootstrap配合grunt使用): 注意: Gruntfile.js 是用来配置和定义任务并加

Grunt 常用插件

插件名称功能描述 grunt-contrib-uglify 用于JavaScript代码的压缩与混淆 grunt-contrib-jshint 用于JavaScript代码的语法验证 grunt-contrib-watch 实时监控文件变化,并调用配置好的任务 grunt-contrib-clean 清除文件或文件夹 grunt-contrib-concat 用于合并文件 grunt-contrib-copy 用于文件或文件夹的拷贝 grunt-contrib-cssmin CSS代码压缩 g

Sublime Text 3 常用插件以及安装方法(vue 插件)(转)

使用Package Control组件安装也可以安装package control组件,然后直接在线安装:按Ctrl+` 调出console粘贴以下代码到底部命令行并回车: { import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_o

SubLime Text3 常用插件总结

近来开始恶补前端知识,在一定的技能基础上,逐渐开始进阶的学习和使用.因此在这里罗列下,SubLime Text3 常用插件: 1.Emmet 提高HTML & CSS3编写速度. 2.Theme – Soda 一直用的一款皮肤 3.sideBarEnhancements 侧边栏右键增效插件,提高页面处理速度. 4.HTML5 Sublime Text3支持HTML5 5.Sass Sublime Text3支持Sass 6.Less Sublime Text3支持Less 7.SublimeCo

ElasticSearch之常用插件安装命令

#head监控安装,推荐 bin/plugin -install mobz/elasticsearch-head #bigdesk集群状态,推荐 bin/plugin -install lukas-vlcek/bigdesk #marvel监控安装 bin/plugin -i elasticsearch/marvel/latest #es-sql安装,网页内有详细说明 https://github.com/NLPchina/elasticsearch-sql #jdbc-river安装(rive

Sublime Text 3 常用插件以及安装方法(转)

Sublime Text 3 常用插件以及安装方法(转) http://www.cnsecer.com/460.html 安装Sublime Text 3插件的方法: 朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助.麻烦动下手点下页面的广告吧,谢谢! 直接安装安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages). 使用Package Control组件安装也可以安装package co

notepad++和sublime 常用插件及主题

sublime: 常用主题有: Pastels on Dark Monokai Zenburnsque 常用插件有 Anaconda Package Control Side Bar ConvertToUTF8 AutoPEP8 Terminal SublimeREPL Emmet Jedi Package Control安装方法: #python 3 import urllib.request,os; pf = 'Package Control.sublime-package'; ipp =

Notepad++前端开发常用插件介绍

Notepad++前端开发常用插件介绍 Notepad++除了自身的功能强大之外,更是有许多非常的优秀的插件,下面就总结一下前端开发过程一些比较常用的插件. Emmet Emmet的前身是Zen Coding,一款使用仿CSS选择器的语法来快速开发HTML和CSS的插件,是前端开发神器.它无视了编辑器的自动提示和自动完成,秒杀了你自定义的各种快捷键或者 AHK 的热字符串,以智能简洁高效的缩短输入,带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验.现在可以在Notepad++