• gulp的使用


    1 安装全局

      $ npm install --global gulp

    2 安装局部(官方说明需要同时安装全局和局部)

      $ npm install --save-dev gulp

    3 安装外挂

    • 编译Sass (gulp-ruby-sass)
    • Autoprefixer (gulp-autoprefixer)
    • 缩小化(minify)CSS (gulp-minify-css)
    • JSHint (gulp-jshint)
    • 拼接 (gulp-concat)
    • 丑化(Uglify) (gulp-uglify)
    • 图片压缩 (gulp-imagemin)
    • 即时重整(LiveReload) (gulp-livereload)
    • 清理档案 (gulp-rimraf )
    • 图片快取,只有更改过得图片会进行压缩 (gulp-cache)
    • 更动通知 (gulp-notify)
    • 压缩html  gulp-minify-html
    • 重命名 gulp-rename

    执行下列指令来安装这些外挂:

    $ npm install gulp-ruby-sass gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-rimraf gulp-notify gulp-rename gulp-livereload gulp-cache gulp-minify-html gulp-rename --save-dev

     然后可用加载自动化加载插件,这样就不需要在文件中分别require这么多模块了

    npm install --save-dev gulp-load-plugins

    gulp-load-plugins并不会一开始就加载所有package.json里的gulp插件,而是在我们需要用到某个插件的时候,才去加载那个插件

    plugins.rename = require('gulp-rename'),通过添加到plugin的属性饮用文件

    参考:http://www.zhixing123.cn/computer/gulp.html

         http://www.gulpjs.com.cn/docs/api/

         http://www.cnblogs.com/2050/p/4198792.html

  • 相关阅读:
    图片处理连环画特效
    卡片翻页算法
    android 自定义属性
    android 中捕获全局异常
    c++ 学习笔记
    图片怀旧特效处理
    Linux 网络配置
    指针参数传递
    python 读写文件
    PopupWindow 点击外面取消
  • 原文地址:https://www.cnblogs.com/jingwensophie/p/4744439.html
Copyright © 2020-2023  润新知