更多gulp常用插件使用请访问:gulp常用插件汇总 del这是一款删除文件的工具. 更多使用文档请点击访问del工具官网. 安装 npm install del API del(patterns, options) 返回Promise<string[]>带有删除路径的路径. del.sync(patterns, options) 返回string[]带有删除路径的路径. 参数解析 patterns 类型: string | string[] options 类型: object 您可以指定任…

本文主要展示的是gulp常用插件的使用方法和用途,通过对插件的熟练运用达到精通gulp.不定期更新.可以到github上面下载DEMO. github地址:lin-xin/gulp-plugins 匹配符 *.**.!.{} gulp.src('./js/*.js') // * 匹配js文件夹下所有.js格式的文件 gulp.src('./js/**/*.js') // ** 匹配js文件夹的0个或多个子文件夹 gulp.src(['./js/*.js','!./js/index.js']) /…

更多gulp常用插件使用请访问:gulp常用插件汇总 rev-del这是一款从模块(如gulp-rev)生成的修订清单中删除旧的.未使用的指纹文件. 更多使用文档请点击访问rev-del工具官网. 安装 一键安装不多解释 npm install --save-dev rev-del 使用 revDel({ oldManifest: 'rev-manifest.json', newManifest: { /* 清单 */ }, suppress: true, deleteMapExtensions…

/** * 1. LESS编译 压缩 合并 * 2. JS合并 压缩 混淆 * 3. img复制 * 4. html压缩 */ // 在gulpfile中先载入gulp包,因为这个包提供了一些APIvar gulp = require('gulp');var less = require('gulp-less');var cssnano = require('gulp-cssnano'); // 1. LESS编译 压缩 --合并没有必要,一般预处理CSS都可以导包gulp.task('styl…

更多gulp常用插件使用请访问:gulp常用插件汇总 ** gulp-eslint**这是一个用于识别和报告在ECMAScript/JavaScript代码中找到的模式的Gulp插件.. 更多使用文档请点击访问gulp-eslint工具官网. 安装 一键安装不多解释 npm install --save-dev gulp-eslint 使用 基础使用: const {src, task} = require('gulp'); const eslint = require('gulp-eslint…

更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-babel这是Babel的Gulp插件. 此自述文件适用于gulp-babel v8 + Babel v7检查7.x分支以了解使用Babel v6的文档 更多使用文档请点击访问gulp-babel工具官网. 安装 安装gulp-babel,如果你想获得的下一版本发布前gulp-babel. # Babel 7 $ npm install --save-dev gulp-babel @babel/core @babel/preset-…

更多gulp常用插件使用请访问:gulp常用插件汇总 ** gulp-postcss**这是一款通过多个插件通过管道传递CSS,但是仅解析一次CSS. 更多使用文档请点击访问gulp-postcss工具官网. 安装 一键安装不多解释 npm install --save-dev gulp-postcss 使用 单独安装所需的postcss插件.例如,对于autoprefixer,您需要安装autoprefixer软件包. 基本用法 postcss(options) options(参数) 类型:…

更多gulp常用插件使用请访问:gulp常用插件汇总 cssnano这是一款将你的 CSS 文件做 多方面的的优化,以确保最终生成的文件 对生产环境来说体积是最小的插件. 更多使用文档请点击访问chai工具官网. 安装 一键安装不多解释 npm install --save-dev cssnano 使用 使用 PostCSS 命令行工具(CLI) 安装 cssnano 之后,你需要一个 PostCSS 运行器(runner)来 执行 CSS 文件的压缩工作.我们推荐使用 PostCSS 的命令行…

更多gulp常用插件使用请访问:gulp常用插件汇总 pump这是一款小型节点模块,可将流连接在一起并在其中一个关闭时将其全部销毁. 使用标准source.pipe(dest)源时,如果dest发出关闭或错误,则不会破坏源.您也无法提供回调以告知管道何时完成.帮你做这两件事 更多使用文档请点击访问pump工具官网. 为什么我们使用pump 当使用Node.js流中的管道时,错误不会通过管道流传播,如果目标流关闭,则源流不会关闭. 泵模块将这些问题规范化,并在回调中传递错误. 其实说白了就是pum…

更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-notify这是一款gulp通知插件. 更多使用文档请点击访问gulp-notify工具官网. 安装 一键安装不多解释 npm install --save-dev gulp-notify 使用 例1: var notify = require("gulp-notify"); gulp.src("./src/test.ext") .pipe(notify("Hello Gulp!")…