A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

dongbala

初级黑马

  • 黑马币:

  • 帖子:

  • 精华:

© dongbala 初级黑马   /  2019-7-31 19:22  /  1562 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

gulp的安装:

- Gulp是什么?
基于node平台开发的前端构建工具
将机械化操作编写成任务, 想要执行机械化操作时执行一个命令行命令任务就能自动执行了
用机器代替手工,提高开发效率
  Gulp能做什么
项目上线,HTML、CSS、JS文件压缩合并
语法转换(es6、less ...)
公共文件抽离
修改文件浏览器自动刷新

1. 定位终端到项目目录 执行 npm install gulp -s 本地安装gulp的库文件
2. 执行 npm install gulp-cli -g 全局安装gulp的命令行工具
   Gulp的使用
   使用npm install gulp下载gulp库文件
在项目根目录下建立gulpfile.js文件
重构项目的文件夹结构 src目录放置源代码文件 dist目录放置构建后文件
在gulpfile.js文件中编写任务.
在命令行工具中执行gulp任务
   Gulp中提供的方法
   gulp.src():获取任务要处理的文件
gulp.dest():输出文件
gulp.task():建立gulp任务
gulp.watch():监控文件的变化

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马