如何深入掌握前端轻量级打包工具gulp的使用技巧？

本文共计2188个文字，预计阅读时间需要9分钟。

目录一. 安装Node和gulp二. 使用gulp压缩Js 2.1 方法 2.2 步骤三. 压缩CSS文件 3.1 步骤四. 压缩图片五. 编译Less文件六. 编译Sass文件一. 安装Node和gulpgulp是基于Node.js的自动化工作流程工具，用于简化前端开发中的任务自动化。以下是安装步骤：

1. 安装Node.js

2.安装gulp：在命令行中运行`npm install --global gulp-cli`安装gulp命令行工具。

gulp是基于Node.js实现的，用于实现Web前端自动化开发。

目录

• 一. 安装Node和gulp
• 二.使用gulp压缩Js
• 2.1 方法
• 2.2 步骤
• 三. 压缩CSS文件
• 3.1 步骤
• 四. 压缩图片
• 五. 编译Less文件
• 六. 编译Sass文件

一. 安装Node和gulp

gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。

在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。