Как автоматизировать расстановку префиксов (phpStorm, LESS)?

Question

[Metalbrother]

Для расстановки префиксов использую mixin'ы. Выглядит это как-то так:

.border-radius (@radius) {
    -webkit-border-radius: @radius;
       -moz-border-radius: @radius;
            border-radius: @radius;
}

.example {
    height: 150px;
    width: 50%;
    margin: 0 auto;
    .border-radius(5px);
}

Хотелось бы просто писать (а на выходе получать css с добавленными свойствами с префиксами):

.example {
    height: 150px;
    width: 50%;
    margin: 0 auto;
    border-radius: 5px;
}

Интересует решение для phpStorm. Всякие LESS редакторы и тем более JS-библиотеки, расставляющие префиксы на стороне клиента, не предлагать.

Answer 1

[Денис Инешин]

Если для сборки less файлов в один css файл вы используете Grunt. То вам прекрасно подойдет плагин для него: https://github.com/nDmitry/grunt-autoprefixer

Answer 2

[Павел Мышкин]

plugins.jetbrains.com/plugin?pr=&pluginId=7059

Я использую этот плагин. С вашей задачей он справится.

Вот пример минифицированого CSS:

.example{height:150px;width:50%;margin:0 auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

Comments

[Павел Мышкин]

Я суть вопроса упустил. Мое решение все-равно требует подключение файлов миксинов. Сам плагин не расставляет их.