前端构建工具gulp.js的使用介绍及技巧

一、gulp的安装

  1、首先确保已经安装了node.js的环境,然后以全局的方式安装gulp

    全局安装gulp---》》》npm install -g gulp

  2、全局安装后,切换到gulp项目中在单独安装一次,将目录切换到gulp项目中去

    局域安装gulp---》》》npm install gulp

  3、安装依赖,即在安装的时候把gulp写进项目package.json文件的依赖中

    npm install --save-dev gulp

二、开始使用gulp

  1、和其他前端构建工具一样,gulp也需要一个文件作为它的主文件,在gulp中,这个文件叫做gulpfile.js。新建一个文件名为gulpfile.js的文件,然后放在项目中,之后就是在gulpfile.js文件中定义我们的任务了。

此时我们的目录结构是这样的:

  2、要运行gulp任务,只需要切换到存放gulpfile.js文件的目录,然后执行gulp命令就行了,gulp后面可以加上要执行的任务名,如:命令gulp testLess,若没有加上任务名,则会执行任务名为default的默认任务。

如:

 

转载于:https://www.cnblogs.com/cjw-jxd/p/6895995.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值