2016-10-20 33 views
0

我是一个新手,想问如何autoprefix semantic-ui的Less文件?根据文档,Autoprefiximg语义UI

Add vendor prefixes for supported browsers with autoprefixer 

回答

0

Autoprefixer是,开发商在他们的工作流程整合,不能失去他们的头脑试图记住所有的供应商前缀流行的插件。链接如下:https://github.com/postcss/autoprefixer

如果您使用的是Sublime Text Editor,您也可以通过Package Manager进行安装。在包的用户首选项中,您可以选择您想要支持的浏览器。例如:['> 5%', 'last 1 version']

Autoprefixer使用Browerlist来指定要定位到哪些浏览器。

因为Autoprefixer是CSS后处理器,你还可以用它 与预处理器,如萨斯,手写笔或更少。

您可以使用一种方法,而不是打开每个LESS文件并在其上应用Autoprefixer,该方法是使用gulp-less插件。

下面是一个例子:

var LessAutoprefix = require('less-plugin-autoprefix'); 
var autoprefix = new LessAutoprefix({ browsers: ['last 2 versions'] }); 

return gulp.src('./less/**/*.less') 
    .pipe(less({ 
    plugins: [autoprefix] 
    })) 
    .pipe(gulp.dest('./public/css')); 

代码来源:https://github.com/plus3network/gulp-less

+0

或者,OP可以简单地使用glup.js文件,它是语义的UI安装的一部分。那里的各种任务在适当的时候使用autoprefixer。 – DFriend