Gulp是基于nodejs的,所以要先安裝nodejs。
之后進(jìn)入項(xiàng)目,安裝gulp:npm install -g gulp//全局
用npm init來(lái)創(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
通過(guò)Gulp的插件可以實(shí)現(xiàn)前端代碼的編譯(sass、less)、壓縮、測(cè)試;圖片的壓縮;瀏覽器自動(dòng)刷新。
Grunt的插件就像獨(dú)立的工廠,這個(gè)工廠生成出來(lái)的產(chǎn)品打包封裝好后再送到另一個(gè)工廠去加工,使用了Gulp后實(shí)現(xiàn)了工廠的合并,所有東西都在一個(gè)工廠里完成了。