使用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