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的推薦值為:???

  

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM