html - Autoprefiximg 语义 UI

Question

我是新手，请问如何自动添加semantic-ui的Less文件前缀？根据文档，

Add vendor prefixes for supported browsers with autoprefixer

Answer 1

Autoprefixer 是一个流行的插件，开发人员将其集成到他们的工作流程中，以免在试图记住所有供应商前缀时失去理智。这是链接:https://github.com/postcss/autoprefixer

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

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

Because Autoprefixer is a postprocessor for CSS, you can also use it with pre-processors such as Sass, Stylus or LESS.

除了打开每个 LESS 文件并在其上应用 Autoprefixer 之外，您可以使用的一种方法是使用 gulp-less 插件。

Here's an example:

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