BEM в Wordpress/Boostrap

Question

У меня есть некоторые особенности, чтобы понять, как использовать BEM-методологию для Wordpress и Bootstrap.

Я не вижу, как я могу применить структуру файлов/папок BEM DOCUMENTATION к моим stylesheet.css. Документация говорит, вам нужно создать несколько таблиц стилей, таких как navigation.css, footer.css, button.css и т. Д. И импортировать стили с помощью @import.

Так что вам нужно позвонить @import, но если я

@import url("../common.blocks/base.css"); 

локальный/WP-содержание/темы/common.blocks/base.css Не удалось загрузить ресурс: сервер ответил с статус 404 (не найден)

или

@import url("/common.blocks/base.css"); 

локальный/common.blocks/основание/НАВИГА tion.css Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найдено)

Другая проблема для меня - понять процесс сборки. Возможно ли это с помощью Wordpress и Bootstap?

Если вы знаете какой-то учебник/руководство и т. Д., Делитесь со мной.

Answer 1

Я бы очень рекомендовал некоторый уровень процесса сборки, который очистит 404 проблемы, которые у вас есть.

Процесс сборки будет зависеть от того, с чем вам удобно, для надежного решения подумайте о том, что такое веб-пакет или глоток. Вы также можете просто использовать Codekit, если вам что-то нужно и работает.

В любом случае, как правило, вы хотите, чтобы все упаковано в один файл - тогда в Wordpress просто выберите общий (комбинированный стилизованный лист)