189.gulp建立處理css文件任務

在cmd窗口執行命令：npm install gulp-cssnano,該插件爲npm管理的一個包，其實npm就至關因而Python中的pip，pip是Python包的管理工具，而npm就是node包的管理工具。

對於css文件的處理，主要就是將文件進行壓縮，對css文件進行壓縮只是依靠gulp包仍是不能進行的，一樣須要一個gulp的插件，gulp-cssnano，該插件能夠將css文件進行壓縮的處理。

具體的示例代碼以下：

var gulp = require('gulp');
var cssnano = require('gulp-cssnano');

//建立一個名爲css的任務，賦予該任務一個匿名函數
gulp.task('css', function() {
    //將源文件在/js/全部js文件進行如下相關處理
    gulp.src('./css/*.css')
    //將源文件經過pip流傳送給cssnano這個處理器
    .pipe(cssnano())
    //將處理過的文件放到目的文件夾中，這就使用到了gulp內置的函數gulp.dest(),能夠將文件放到目的地
    .pipe(gulp.dest('./dist/css/'))
});