npm の 常用 packages(gulp 是其中之一)

在前端构建过程中,使用了 gulp 工具。本文会列举一些常用的 packages,帮助我们管理前端资源,进行持续构建,自动部署。

引子
yargs
  • npm i yargs --save-dev
  • var argv = require('yargs').default('site', 'www').string(['ver']).argv;
    当 --ver=1.0 时,如果不指定 string(),则会将 ver 解释为 1;通过 ver 分版本部署;
  • Tell users how to use yer options and make demands.
var argv = require('yargs')
    .usage('Usage: $0 -w [num] -h [num]')
    .demand(['w','h'])
    .argv;
gulp-connect

npm install --save-dev gulp-connect

gulp-file-include

gulp-file-include:a gulp plugin for file include;
npm install --save-dev gulp-file-include

gulp-uglify

gulp-uglify: Minify files with UglifyJS;
npm install --save-dev gulp-uglify
指定 mangle 参数:Pass false to skip mangling names:uglify({mangle:false}),在发生问题时,可以帮助定位。

gulp-clean-css

gulp plugin to minify CSS, using clean-css. 替代原来的 gulp-minify-css,用法一致。
npm install gulp-clean-css --save-dev

css Compatibility settings(兼容 IE 版本问题)
设置 {compatibility: 'ie7'} 选项好像有问题,建议不要使用;

gulp.spritesmith
图片压缩
了解更多 gulp

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 本文默认你已经安装好node环境,并且熟悉node命令,和window cd命令。 gulp简介 基于nod...
    9I阅读 5,966评论 4 50
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    依依玖玥阅读 8,390评论 7 55
  • 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: npm install...
    F_imok阅读 6,948评论 1 11
  • 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用...
    懵逼js阅读 4,714评论 0 8
  • 编辑于2015年 转载自某作者的译文 作者要是看到请联系我注明出处 对网站资源进行优化,并使用不同浏览器测试并不是...
    krock01阅读 3,199评论 0 2