Gulp 简易用法

全局安装Gulp

sudo npm i -g gulp

全局安装gulp报错

报错了.png

尝试通过升级npmnode解决

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容