gulp(压缩文件工具)

项目做好了,需要上线的时候 项目中有很多js、css等文件 需要处理

压缩文件、合并文件、压缩图片 - 工具来处理

打包工具 - 自动化项目构建工具:grunt、webpack、gulp

简单实用

查看任何一个文档 - 首先应该查看:快速入门、快速上手。。。

下载工具: npm i -g gulp

进入项目文件夹,初始化命令:

npm init -y

下载写代码需要依赖的第三方模块:

npm i gulp

检测版本:

gulp -v

如果出现了两个版本号,说明安装成功

在刚刚创建好package.json文件的这个文件夹中,新建一个文件:gulpfile.js

gulp打包文件,其实就将打包的代码放在函数中,导出函数在命令行中执行就好了 gulp写法是基于任务的,一个打包事情就是一个任务,一个任务就是函数

处理文件的步骤:

  1. 导入gulp - 从中解构方法

const {series, parallel, src, dest} = require('gulp')

     2.导入处理文件对应的第三方插件

const 变量名 = require('插件')

    3.定义任务 - 定义函数

function 函数名(cb){

     读取文件 - src(文件路径)

      .pipe(用插件处理)

      .pipe(dest(文件夹路径))

      cb()

     }

   4.导出任务:exports.default = 函数名

   5.执行任务:在命令行中执行gulp命令

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值