0
我是一个新手,想问如何autoprefix semantic-ui的Less文件?根据文档,Autoprefiximg语义UI
Add vendor prefixes for supported browsers with autoprefixer
我是一个新手,想问如何autoprefix semantic-ui的Less文件?根据文档,Autoprefiximg语义UI
Add vendor prefixes for supported browsers with autoprefixer
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'));
或者,OP可以简单地使用glup.js文件,它是语义的UI安装的一部分。那里的各种任务在适当的时候使用autoprefixer。 – DFriend