更多gulp常用插件使用请访问:gulp常用插件汇总 browser-sync这是一个可以在多端(pc.移动.平板)实时监测文件修改,自动刷新浏览器的工具.其实这并不是转给gulp使用的,在其它构建工具也可以用. 更多使用文档请点击访问browser-sync工具官网. 安装 首先这个工具是基于node环境的,可以通过npm安装. 在命令行窗口输入npm install -g browser-sync 全局安装BrowserSync: 安装完成后,可以通过browser-sync --versi…

更多gulp常用插件使用请访问:gulp常用插件汇总 http-proxy-middleware这是一个用于后台将请求转发给其它服务器.其实这并不是转给gulp使用的,在其它构建工具也可以用. 更多使用文档请点击访问http-proxy-middleware工具官网. 例如:我们当前主机A为 http://localhost:3000/ , 现在浏览器发送一个请求,请求接口/api,这个请求的数据在另外一台服务器B上( http://www.example.org:4000 ) ,这时,就可通过…

本文主要展示的是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']) /…

/** * 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!")…