zoukankan      html  css  js  c++  java
  • Gulp那些好用的插件 2016.04.20

    开始接触LESS、组件化编程后,慢慢意识到需要一个提高工作效率的构建工具,就此接触到了Gulp。

    Gulp的好处在这里就不细说啦,只有四个API接口学起来简直爽歪歪,减少了大量的I/O操作,用起来很畅快。另外丰富的插件能99.9%满足你的需求,剩下的0.1%还可以自己写啊吼吼吼吼。总结一下自己觉得好用的常用的插件:

    gulp-plumber :

    如果说Gulp是一条水管,那gulp-plumber就是水管工。无论在文件处理过程中的哪一步出现问题,都会反映在终端上。

    gulp-less/sass:

    把less sass预语言编译成浏览器认识的css;

    gulp-postcss:

    可以根据你的需要来优化你的css代码。

    postcss有很多不同功能的插件,可以按需调用,比如:可以自动添加浏览器兼容前缀的autoprefixer,写css的时候再也不用ms webkit mom o 一串写下来啦。还有PreCSS可以检查代码中的@if else ,编译符合需求的代码。 更多的插件可以在npm或者github上看文档。

    gulp-minify-css:

    预处理完样式文件之后,用它来压缩,尽量减少文件大小。

    gulp-jshint:

    检查JS文件是否存在错误。

    gulp-uglify:

    JS文件压缩。

    gulp-concat:

    各种文件合并。

    browserSync:

    监听文件,如果文件被修改,自动刷新页面。提高工作效率一大利器!

    之后会继续学习拓展gulp的功能,继续更新。关于插件的安装,记住在命令行npm install (插件名) 后面加上--save-dev, 把需要安装的插件加进项目的package.json 里,之后其他人借用就可以直接npm install一次安装啦!

  • 相关阅读:
    [高精度模板][Pascal]整数加、减、乘、除、开方等
    [poj2528]求最后未完全被其它线段覆盖的线段个数
    [POJ3468]线段树模板
    火车进出栈问题(强化版)
    手把手教上Getchu.com
    集合删数
    [SBT模板题]HNOI2002 营业额统计
    离散化Pascal模板
    hdu 4507 吉哥系列故事——恨7不成妻
    组合数学总结
  • 原文地址:https://www.cnblogs.com/daisykoo/p/5522940.html
Copyright © 2011-2022 走看看