全局安裝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
項目根目錄下創(chuàng)建gulpfile.js文件
常用插件
在網(wǎng)上隨便找了個全的
隨便找的.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
創(chuàng)建任務(wù)
在gulpfile.js文件創(chuàng)建任務(wù)
任務(wù)示例.png
啟動
終端執(zhí)行gulp browser-sync
