最近项目中用到的一些gulp插件
package.json：
{
"name": "gulp ext",
"description": "Web Task",
"author": {
"name": "zhoutao",
"email": "watership@foxmail.com"
},
"engines": {
"node": ">= 0.10.0"
},
"devDependencies": {
"colors": "^1.1.2",//console.log文字着色
"del": "^2.0.2",//删除文件
"gulp": "^3.9.0",//Gulp
"gulp-concat": "^2.6.0",//拼接文字
"gulp-htmlmin": "latest",//HTML压缩
"gulp-imagemin": "latest",//图片压缩（无损）
"gulp-inject": "^3.0.0",//HTML中插入代码
"gulp-jshint": "~1.11.0",//JSHint语法验证
"gulp-lzmajs": "^1.2.0",//JS压缩（适合JS大文件）
"gulp-minify-css": "^1.2.1",//CSS压缩
"gulp-minify-html": "^1.0.4",//HTML压缩
"gulp-processhtml": "^1.1.0",//在HTML中处理各类引入文件，非常已用，强烈推荐；
"gulp-rename": "~1.2.2",//改名
"gulp-rev": "latest",//版本号处理
"gulp-rev-append": "^0.1.6",//版本号处理
"gulp-rev-collector": "latest",//
"gulp-uglify": "~1.2.0",//
"gulp-usemin": "^0.3.14",//
"imagemin-pngquant": "^4.2.0",//png无损压缩
"jshint": "~2.8.0",//
"jshint-stylish": "~2.0.0",//
"vinyl-paths": "^2.0.0"//
}
}
参考资料：
相关推荐
【gulp常用插件详解】 ...通过学习和熟练使用这些Gulp插件，你可以构建出一套高效、自动化的前端构建流程，提升开发效率并优化项目性能。在实际工作中，还可以根据项目需求选择更多的插件，构建个性化的Gulp工作流。
前端构建工具gulp使用教程（二）、常用gulp插件以及gulp使用完整实例-附件资源
### 四、gulp常用插件与应用场景 1. **`gulp-sass`**：用于将Sass文件编译成CSS，支持SCSS语法。 2. **`gulp-babel`**：将ES6+代码转译为ES5，便于浏览器兼容。 3. **`gulp-eslint`**：进行JavaScript代码风格...
此外，Gulp CLI 提供了一些常用命令，如 `gulp --version` 查看版本，`gulp help` 显示帮助信息，以及 `gulp [taskName]` 执行指定的任务。如果你想要自定义命令，可以通过在 Gulpfile.js 中定义 `exports` 对象来...
`gulp` 有大量第三方插件，如 `gulp-eslint`（ESLint 集成）、`gulp-autoprefixer`（CSS 前缀自动补全）等，可以根据项目需求选择安装和使用。 9. **Gulp工作流示例** 一个完整的 `gulp` 工作流可能包括 SCSS ...
Gulp 提供了两种常用的异常处理方式： 1. **gulp-notify**：用于在错误发生时向系统发送通知。 ```bash npm install --save-dev gulp-notify ``` 在 `gulpfile.js` 中使用: ```javascript const gulp = ...
### 常用gulp插件 gulp拥有丰富的插件库，可以用来完成各种构建任务，以下是一些常用插件： - `gulp-ruby-sass`：编译SASS文件。 - `gulp-autoprefixer`：自动为CSS文件添加浏览器前缀。 - `gulp-minify-css`：...
**gulp-html-minify** 是一个前端开发中常用的Gulp插件，主要用于HTML文件的压缩与优化。在前端项目中，为了提高网页加载速度和减少网络传输的数据量，开发者通常会进行代码压缩，其中就包括HTML文件。**gulp-...
除了基本的上传功能，`gulp-sftp`还可以与其他Gulp插件结合，比如`gulp-watch`监听文件变化，自动上传更新的文件，或者`gulp-rename`改变文件名后再上传，实现更灵活的部署策略。 总的来说，`gulp-sftp`是前端...
**二、常用 Gulp 插件介绍** 1. **gulp-sass**: 这个插件用于将 Sass 代码转换成 CSS。Sass 是一种预处理器，提供嵌套规则、变量、混合、函数等特性，使 CSS 更易维护和扩展。 2. **gulp-autoprefixer**: 自动为 ...
【gulp常用插件】 1. **清除文件夹**：`gulp-clean`用于清理指定目录。 2. **CSS处理**：`gulp-sass`编译Sass到CSS，`gulp-cssmin`压缩CSS，`gulp-autoprefixer`自动添加浏览器前缀。 3. **图片处理**：`gulp-...
**gulp-ng-constant** 是一个前端开发中常用的Gulp插件，主要针对AngularJS应用，它的核心功能是帮助开发者动态地生成AngularJS应用中的常量模块。在AngularJS项目中，常量通常用来存储全局配置信息，如API端点、...
这个项目包含了一些关键的Gulp插件，如`gulp-sass`、`gulp-uglify`、`gulp-imagemin`和`gulp-autoprefixer`，这些都是在前端开发流程中非常常用的工具。下面将详细阐述这些知识点： 1. **Gulp**: Gulp 是一个自动化...
10. **Webpack**或**Gulp**：这两种是构建工具，用于打包和优化前端资源，如JavaScript、CSS、图片等，可以自动化构建流程，提高开发效率。 这些HTML插件和工具在网页开发中起着至关重要的作用，它们不仅可以帮助...
`joukou-gulp` 是一个专门为 Joukou 项目设计的 gulp 工具集，它整合了一系列常用的 gulp 任务，以优化和自动化 Joukou 项目的开发流程。Gulp 是一个基于流的构建系统，它使得构建过程更加简洁高效。通过 `joukou-...
这篇博客“chrome 常用插件 crx文件”可能详细探讨了如何理解和使用这些CRX文件。 首先，CRX文件的全称是Chrome Extension，它是Google Chrome浏览器扩展程序的一种打包格式。开发者可以使用HTML、CSS和JavaScript...
我们可以通过`gulp-rjs`或`gulp-wrap-amd`插件在gulp中调用`r.js`进行优化，并结合文件指纹功能，确保每次更新都能正确刷新浏览器缓存。 4. **编译与合并**：在requireJS项目中，可能还有其他的JavaScript、CSS文件...
"前端常用插件以及框架集合"这个资源包很可能包含了多种被广泛使用的工具，这些工具可以帮助开发者更轻松地实现各种功能，比如数据可视化、交互效果、页面布局等。下面我们将详细探讨JavaScript、Java和HTML这三个...