Autoprefiximg Semantic-UI

Question

Я новичок и хотел бы спросить, как сделать autoprefix semantic-ui Less files? Согласно документации,

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, чтобы указать, к какому браузеру нужно установить таргетинг.

Поскольку Autoprefixer является постпроцессором для CSS, вы можете также использовать его с предварительными процессорами, такими как Sass, стилус или МЕНЬШЕ.

Один из методов, который вы можете использовать, а не открывать каждый файл 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