我是一个新手,想问一下如何自动为语义ui的Less文件添加前缀?根据文档,
Add vendor prefixes for supported browsers with autoprefixer
我是一个新手,想问一下如何自动为语义ui的Less文件添加前缀?根据文档,
Add vendor prefixes for supported browsers with autoprefixer
Autoprefixer 是一个流行的插件,开发人员将其集成到他们的工作流程中,以免忘记所有供应商前缀。这是链接:https ://github.com/postcss/autoprefixer
如果你使用的是 Sublime Text Editor,你也可以通过 Package Manager 安装它。在包的用户首选项中,您可以选择要支持的浏览器。例如:['> 5%', 'last 1 version']
Autoprefixer 使用浏览器列表来指定目标浏览器。
因为 Autoprefixer 是 CSS 的后处理器,所以您也可以将它与 Sass、Stylus 或 LESS 等预处理器一起使用。
您可以使用的一种方法是使用插件,而不是打开每个 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'));