0

我是一个新手,想问一下如何自动为语义ui的Less文件添加前缀?根据文档,

Add vendor prefixes for supported browsers with autoprefixer
4

1 回答 1

0

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'));

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

于 2016-10-21T02:54:24.223 回答