gulp入门

安装gulp:
打开windows命令行工具cmd,输入:

sudo npm install gulp -g
  • sudo是以管理员身份执行命令,一般会要求输入电脑密码
  • npm是安装node模块的工具,执行install命令
  • -g表示在全局环境安装,以便任何项目都能使用它
  • 最后,gulp是将要安装的node模块的名字

初始化gulp:

//移动到目标文件夹
E:
cd gulp
//初始化
npm init
//根据弹出的项填写要生成的json的内容

这里写图片描述
这里写图片描述
这里要注意,npm init中的name不能跟项目所在的文件夹同名。否则会报错:

refusing to install grunt as a dependency of itself

这样,就在我们的目录中成功生成了一个package.json文件。

在项目中安装gulp和需要的插件
在命令行中输入:

npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename gulp-minify-css --save-dev

安装一大堆我们需要的依赖:

  • gulp-jshint 检查js文件是否有报错或警告
  • gulp-sass 编译sass变为css
  • gulp-concat 将多个文件合并为一个
  • gulp-rename 重命名合并后的文件
  • gulp-uglify 压缩js文件
  • gulp-minify-css 压缩css文件

编写我们需要的gulp工作方式:
首先新建一个gulpfile.js文件,来指定gulp需要为我们做什么

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值