• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • YouClaw
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
寻找乌托邦
博客园    首页    新随笔    联系   管理    订阅  订阅

项目构建工具-gulp

所谓构建工具是指通过简单配置就可以帮我们实现合并、压缩、校验、预处理等一系列任务的软件工具。

常见的构建工具包括:Grunt、Gulp、F.I.S(百度出品)、webpack。

今天介绍的是Gulp!

Gulp是基于Nodejs开发的一个构建工具,借助gulp插件可以实现不同的构建任务,以其简洁的配置和卓越的性能成为目前主流的构建工具。

  1. 在安装过node后,打开电脑的运行,输入cmd打开命令模板之后输入安装命令:npm install -g gulp
  2. 在本地进行安装(本地指的是项目所在的根目录):npm install gulp --save-dev (添加--save-dev会在package.json记录依赖关系)
  3. 在项目根目录下创建gulpfile.js(配置文件)
  4. 下载所需要的插件
  5. 确定要用到的插件并将其引入(部分)
  6. 定制任务
  7. 执行任务

    输入命令 gulp image

    执行完成

其他任务方法相同,这里只介绍一种供参考!

 

posted @ 2018-05-08 16:30  寻找乌托邦  阅读(97)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3