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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容