Я хотел бы использовать SASS в одном из моих проектов Wordpress (который будет своего рода шаблоном для будущих проектов). Я хочу сделать это таким образом, чтобы он соответствовал следующим критериям:
- Passess sass-lint
- Выполняет стандарты Wordpress (например, заголовки тем)
- Чистый, последовательный и простой в обслуживании
У меня было несколько идей, но никто из них не следовал указанным выше критериям.
1. Удалите style.css
и используйте Sass
/index.php
/... other wordpress files ...
/assets/sass/main.scss
/assets/sass/...other sass files...
После запуска sass
в корневом каталоге будет создан style.css
.
Плюсы:
- Согласованность
- Простота обслуживания
Минусы:
- SCSS-Lint не нравится "комментарий заголовка темы WordPress", поскольку он предпочитает
//
comments - Без компиляции sass невозможно выбрать тему в бэкэнд WordPress
2. Используйте кнопки style.css
и Sass одновременно
/index.php
/style.css
/...other wordpress files...
/assets/sass/main.scss
/assets/sass/... other sass files...
Плюсы:
- В основном решает минусы (1)
- Даже это не должно быть так; быстрые изменения могут быть легко добавлены в
style.css
без каких-либо инструментов.
Минусы:
- Несогласованность
- Избыточность
- Требуется несколько запросов CSS (один для
style.css
, один для скомпилированного sass)
Также моя самая большая проблема здесь: где поставить скомпилированный SASS? Конкатенация с помощью style.css
кажется довольно странной.
Любые идеи? Спасибо!