Gulp 简易用法

全局安装Gulp

sudo npm i -g gulp

全局安装gulp报错

报错了.png

尝试通过升级npm和node解决

sudo npm i -g npm

升级npm.png

sudo npm i -g n

升级node.png

sudo n latest

安装node最新版本.png

再次安装gulp

安装gulp.png

作为项目依赖安装

npm i --save-dev gulp

作为项目依赖.png

生成package.json文件

npm init -y

项目根目录下创建gulpfile.js文件

常用插件

在网上随便找了个全的

随便找的.png

实际用的如下

实际使用.png

安装插件

npm i gulp-concat gulp-minify-css gulp-rev gulp-rev-collector gulp-autoprefixer gulp-imagemin gulp-uglify gulp-clean gulp-cache --save-dev

创建任务

在gulpfile.js文件创建任务

任务示例.png

启动

终端执行gulp browser-sync