更多gulp常用插件使用请访问:gulp常用插件汇总 bower这是一款客户端技术的软件包管理器,它可用于搜索.安装和卸载如JavaScript.HTML.CSS之类的网络资源. 更多使用文档请点击访问bower工具官网. 一个网站可能会包含很多框架.库.字体.图片等资源,Bower就可以管理这些组件,譬如Bower可以下载到任何版本的jQuery,这样你就不用自己去网站上下载自己需要的版本了,节省时间而且方便快捷! Bower针对前端进行了优化.如果多个程序包依赖一个程序包(例如jQuery)…

更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-inject这个插件的作用与wiredep类似,不同的是可以自己任意指定需要插入文件的列表.它同样是利用注释来寻找插入的位置.获取源文件流,将每个文件转换为字符串,并将每个转换后的字符串注入目标流文件中的占位符. 更多使用文档请点击访问gulp-inject工具官网. 同样是利用注释来寻找插入的位置,它识别的默认注释为,但更加智能: 支持各种模板语言:可以根据gulp.src指定的源文件自动识别注释和插入内容,除了支持HTML外,还…

更多gulp常用插件使用请访问:gulp常用插件汇总 wiredep这是一款gulp插件,能够将js.css文件自动插入到html中. 更多使用文档请点击访问wiredep工具官网. Bower是一个客户端技术的软件包管理器,它可用于搜索.安装和卸载如JavaScript.HTML.CSS之类的网络资源. 详细信息请参考bower官网. 安装 npm install --save wiredep 使用 首先需要在HTML中插入占位符,然后在gulp中执行 wiredep({options}) 即…

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