Порекомендую свой сборщик, про который здесь уже есть несколько статей — TARS. В нем как раз есть возможность использовать PostCSS вместе с препроцессорами. Можно не использовать весь TARS, а только выдрать эту связку. Статьи на habr можно найти по тегу «TARS»
На момент создания TARS не все можно было сделать с помощью webpack. К тому же gulp — проверенный инструмент, который не подводил, с которым было легко работать. Собственно TARS + gulp свою работу делают на отлично. Еще одним важным аргументом было то, что gulp куда более популярен (даже на данный момент), и хотелось, чтобы каждый мог переиспользовать свои наработки.
Возможно во второй версии TARS будет webpack, но gulp и сейчас еще ого-го) К тому же разработчики gulp проект развивают и бросать даже не думали.
Нет необходимости выкачивать TARS из репозитория. CLI был создан в первую очередь, чтобы этот шаг не делать. Нужно только поставить глобально TARS-CLI, затем tars init в любой рабочей директории сделает все сам + еще и спросит всю нужную информацию для init.
Наверное это не очень прозрачно из документации, раз возник такой вопрос?
Не совсем понял, откуда этот package.json появится? Сейчас нужно только 1 раз CLI установить и дальше только tars init. Уточните, пожалуйста, про какой package.json идет речь?
2) Открывается наверх, попробуйте сделайте селект в самом низу страницы, без открытых дев-тулзов. Он откроется вверх.
3) В любом. Просто делаете фокус на селект и нажимаете стрелку вниз. Селект откроется, а написать ничего нельзя.
Про замечания:
1) Видимо стоит только для этого случая оставить кастомный. В остальных случаях 100% удобнее пользоваться нативным.
2) Стоит, неизвестно, в каком месте селект будет вызываться. Побороть легко, просто держите выпадашку в самом низу body и подцепляйте ее при открытии к селекту.
3) А в чем были костыли?
Пара замечаний:
1) На мобильных устройствах желательно оставлять оригинальный селект.
2) Если у контейнера, в котором лежит селект будет overflow:hidden, то могут быть неприятные баги. Например, обрезанная выпадашка.
3) Еще не нашел оригинального селекта на странице. Он удаляется?
Вам бы очень помогла БЭМ(BEViS)-нотация для названий классов. Инструменты использовать специализированные не обязательно, просто именование уже сильно поможет.
Насчет 8 пункта есть вопрос все же, как быть со сложными радиальными градиентами и тенями, которые в векторе плохо отображаются или не отображаются вовсе?
Возможно вам стоит пересмотреть подход, так как svg-изображения в данном случае будут рендериться медленнее (настолько, что это становится заметно при кол-ве картинок > 50), чем использование стека svg (symbols) или инлайнового svg. И то, и то легко сделать плагинами для gulp.
Спасибо)
Возможно во второй версии TARS будет webpack, но gulp и сейчас еще ого-го) К тому же разработчики gulp проект развивают и бросать даже не думали.
Предложение интересное, тоже обязательно его рассмотрю. Сейчас как раз занимаюсь поддержкой require/import
Наверное это не очень прозрачно из документации, раз возник такой вопрос?
3) В любом. Просто делаете фокус на селект и нажимаете стрелку вниз. Селект откроется, а написать ничего нельзя.
Про замечания:
1) Видимо стоит только для этого случая оставить кастомный. В остальных случаях 100% удобнее пользоваться нативным.
2) Стоит, неизвестно, в каком месте селект будет вызываться. Побороть легко, просто держите выпадашку в самом низу body и подцепляйте ее при открытии к селекту.
3) А в чем были костыли?
1) 938 пикселей по ширине экран www.dropbox.com/s/qupszykt884axpb/Screenshot%202015-08-30%2013.24.55.png?dl=0
2) Не открывается вверх, если места снизу нет www.dropbox.com/s/k8vbs275eirphyt/Screenshot%202015-08-30%2013.25.31.png?dl=0
3) Если открыть выпадашку стрелками, то автокамплит не работает, нельзя ввести значение, можно только выбрать. Хотя, это может быть и фича такая.
Пара замечаний:
1) На мобильных устройствах желательно оставлять оригинальный селект.
2) Если у контейнера, в котором лежит селект будет overflow:hidden, то могут быть неприятные баги. Например, обрезанная выпадашка.
3) Еще не нашел оригинального селекта на странице. Он удаляется?
Там же уже есть вторая часть.