利用uncss去除项目中无用的样式

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项目。(不懂的可以看我另一篇文章,点击即可查看)

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即可
————————————————

你可能感兴趣的:(利用uncss去除项目中无用的样式)