首页 > 代码库 > gulp插件autoprefixer
gulp插件autoprefixer
gulp的autoprefixer插件可以根据我们的设置帮助我们自动补全浏览器的前缀(如：-moz、-ms、-webkit、-o)
1）首先安装gulp，不知道怎么安装请看这里
2）安装autoprefixer插件
3）主要要在gulpfile.js文件引入autoprefixer，然后在添加autopre任务。完整代码如下
1 // 载入外挂 2 var gulp = require(‘gulp‘), 3 autoprefixer = require(‘gulp-autoprefixer‘); 4 5 gulp.task(‘autopref‘, function () { 6 //找到src目录下app.css，为其补全浏览器兼容的css 7 gulp.src(‘css/basic.css‘) 8 .pipe(autoprefixer({ 9 browsers: [‘last 5 versions‘, ‘Android >= 4.0‘],10 cascade: true, //是否美化属性值 默认：true 像这样：11 //-webkit-transform: rotate(45deg);12 // transform: rotate(45deg);13 remove:true //是否去掉不必要的前缀 默认：true 14 }))15 //输出到dist文件夹16 .pipe(gulp.dest(‘dist‘));17 });
4）antoprefixer()函数的参数介绍
browsers：[] （定义使用的浏览器版本）
cascade ： true （定义对属性进行对齐操作）
remove : true (去掉不必要的前缀)
browsers的推荐值为：？？？
gulp插件autoprefixer
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。