Autoprefixer vs LESS/Sass mixins?

Инструмент autoprefixer - это постпроцессор CSS, который добавляет правильные префиксы поставщиков к объявлениям стиля "наивные".

Как это сравнивается (с точки зрения эффективности и опыта разработчиков) с mixins, предоставленными LESS и Sass для этой же цели создания специфических для поставщика стилей?

Ответ 1

LESS и Sass имеют разные структуры и библиотеки, которые вы можете интегрировать в свой рабочий процесс, большинство из которых включают некоторый префикс mixin, поэтому вы, скорее всего, получите одинаковые результаты от любого метода, и если это единственное, что вы используете это для, то, вероятно, не имеет значения, какой из них вы используете.

Где LESS и Sass получают свою силу во всех других вещах, которые они могут делать, включая такие вещи, как вложенность объявлений, переменные, циклы и другие миксины, которые могут или не могут быть тем, что вам нужно для данного проекта.

При такой мощности, конечно, возникают различия в синтаксисе - вы начинаете отходить от родного CSS, включая синтаксис для обработки префиксов. В LESS и Sass, если вы хотите иметь префиксы поставщиков на что-то, вы обычно проходите через синтаксис @mixin. Это основное отличие "опыта разработчика", которое вы увидите, но опять же, LESS и Sass являются более крупными инструментами, чем autoprefixer, поэтому вы, вероятно, собираетесь взять синтаксис mixin частично и посылок с другим синтаксисом изменения.

Другими словами - используйте такие инструменты, как autoprefixer или prefixr, если все, что вы используете, является префиксом, и используйте LESS или Sass, если вы хотите использовать другие функции.