使用uncss去除無用的CSS

 一、安裝nodejs，gulp，gulp_uncss

1.一、說明：gulp-uncss 是gulp的一個插件。gulp是基於nodejs，理所固然須要安裝nodejs；

1.二、安裝：打開nodejs官網，點擊碩大的綠色Download按鈕，它會根據系統信息選擇對應版本（.msi文件）。而後像安裝QQ同樣安裝它就能夠了（安裝路徑隨意）。

1.三、安裝gulp：全局安裝gulp，執行npm install gulp -g，檢測gulp是否安裝成功，執行gulp -v 顯示版本號即安裝成功，

 

1.四、接下來就是安裝gulp-uncss插件：進入項目根目錄，執行

npm install gulp-uncss --save-dev

1.五、配置gulpfile.js

 

var gulp = require('gulp'),
uncss = require('gulp-uncss');
gulp.task('uncss', function() {   
  gulp.src('ht3/resource/css/*.css')   這裏是須要去除無用css目錄,*.css是目錄下全部的css
  .pipe(uncss({  
         html: ['ht3/*.html']   這裏是項目全部的html目錄，
         })) 
        .pipe(gulp.dest('dist/uncss'));  這裏是去除無用css以後生成新的css目錄，
 })

1.五、配置好以後，執行命令gulp-uncss便可

 

轉自https://blog.csdn.net/zhangwenwu2/article/details/53113326