使用uncss去除无用的CSS

 1、安装nodejs，gulp，gulp_uncss

1.1、说明：gulp-uncss 是gulp的一个插件。gulp是基于nodejs，理所当然需要安装nodejs；

1.2、安装：打开nodejs官网，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。然后像安装QQ一样安装它就可以了（安装路径随意）。

1.3、安装gulp：全局安装gulp，执行npm install gulp -g，检测gulp是否安装成功，执行gulp -v 显示版本号即安装成功，

 

1.4、接下来就是安装gulp-uncss插件：进入项目根目录，执行

npm install gulp-uncss --save-dev

1.5、配置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.5、配置好之后，执行命令gulp-uncss即可

 

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