更多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常用插件汇总 gulp-rev-collector这是一款根据gulp-rev生成的manifest.json文件中的映射, 去替换文件名称, 也可以替换路径. 更多使用文档请点击访问gulp-rev-collector工具官网. 安装 一键安装不多解释 npm install --save-dev gulp-rev-collector 使用 我们可以使用gulp-rev来缓存破坏多个资产并为其生成清单文件.然后,使用gulp-rev-collector,…

更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-useref这是一款可以将HTML引用的多个CSS和JS合并起来,减小依赖的文件个数,从而减少浏览器发起的请求次数.gulp-useref根据注释将HTML中需要合并压缩的区块找出来,对区块内的所有文件进行合并.注意:它只负责合并,不负责压缩!,如果需要做其他操作,可以配合gulp-if插件使用. 更多使用文档请点击访问gulp-useref工具官网. 安装 一键安装不多解释 npm install --save-dev gulp-…

更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-sourcemaps这是一款用来生成映射文件的一个插件,SourceMap 文件记录了一个存储源代码与编译代码对应位置映射的信息文件.我们在调试时都是没办法像调试源码般轻松,这就需要 SourceMap 帮助我们在控制台中转换成源码,从而进行 debug. gulp-sourcemaps在前端的工作中主要是用来解决以下三个方面出现的 debug 问题: 代码压缩混淆后 利用 sass .typeScript 等其他语言编译成 css…

本文主要展示的是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常用插件汇总 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…