autoprefixer 加前缀
$_> npm i -D gulp-autoprefixer
let gulp = require('gulp'),
autoprefixer = require('gulp-autoprefixer');
gulp.task('default', function () {
gulp.src('./css/index.css')
.pipe(autoprefixer({
cascade: true, //是否美化属性值 默认:true 像这样:
remove:true //是否去掉不必要的前缀 默认:true
}))
.pipe(gulp.dest('dist/css'));
});
// package.json
{
"name": "gulp1",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"clean": "^4.0.2",
"del": "^5.1.0",
"delete": "^1.1.0",
"gulp": "^4.0.2",
"gulp-autoprefixer": "^7.0.0"
},
"browserslist": [ // 兼容的浏览器列表
"Android >= 4.4",
"iOS >= 7"
]
}
浏览器列表
精简css, 如果出错可能是PhantomJS的问题,卸载模块重新安装
$_> npm i -D gulp-nucss-sp
let gulp = require('gulp');
let uncss = require('gulp-uncss-sp');
gulp.task('default', function () {
return gulp.src('*.css') //需要进行处理的css
.pipe(uncss({
html:['*.html'] //使用css的html文件,可以多个
}))
.pipe(gulp.dest('./dist')); //输出目录
});
网友评论