Gulp是基于nodejs的,所以要先安裝nodejs维蒙。
之后進(jìn)入項(xiàng)目丘跌,安裝gulp:npm install -g gulp//全局
用npm init來創(chuàng)建一個(gè)package.json
然后npm install —-save-dev gulp將gulp安裝到本地項(xiàng)目
安裝依賴:npm install gulp-ruby-sass gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del --save-dev
通過Gulp的插件可以實(shí)現(xiàn)前端代碼的編譯(sass泛领、less)、壓縮驱还、測試;圖片的壓縮凸克;瀏覽器自動刷新议蟆。
Grunt的插件就像獨(dú)立的工廠,這個(gè)工廠生成出來的產(chǎn)品打包封裝好后再送到另一個(gè)工廠去加工萎战,使用了Gulp后實(shí)現(xiàn)了工廠的合并咐容,所有東西都在一個(gè)工廠里完成了。