WINISME - 个人工作知识笔记

标题

类别

是否隐藏

内容详情

写html页面的时候时间一长就会有很多无用的css代码，下面使用gulp-uncss来精简css文件,去掉没用的css代码首先找个目录创建一个gulp项目,一路回车就可以npm init然后安装要使用的模块npm install gulp --save-devnpm install gulp-uncss --save-dev安装完成后在目录里创建一个文件&nbsp;gulpfile.js&nbsp;&nbsp;注意文件名不能改var gulp = require('gulp');var uncss = require('gulp-uncss');console.log('run');gulp.task('uncss', function() {&nbsp; &nbsp; //冗余css文件&nbsp; &nbsp; //指定目录下的所有css文件&nbsp; &nbsp; return gulp.src('css/*.css')&nbsp; &nbsp; &nbsp; &nbsp; .pipe(uncss({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //使用css的html页面，可多个&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; html: ['index.html']&nbsp; &nbsp; &nbsp; &nbsp; }))&nbsp; &nbsp; &nbsp; &nbsp; //精简后css的输出目录&nbsp; &nbsp; &nbsp; &nbsp; .pipe(gulp.dest('./out'));});console.log('success');<img src="//bsx-1301952760.file.myqcloud.com/winisme/upload/202011/5fc322589df30.png" alt=""> shift+右键 ---&gt;在此处打开命令行gulp uncss