У меня есть Brunch, компилирующий Stylus для приложения Backbone.js, и я не могу понять, как манипулировать порядком. Я прочитал документацию, но не не смог продвинуться дальше. Файлы всегда объединяются в алфавитном порядке, и, что еще хуже, если я использую команду @import
в данном файле стилуса, этот файл будет объединен как там, где я его добавил, так и там, где он будет отображаться в алфавитном порядке.
Мой файл config.coffee выглядит так:
stylesheets:
joinTo:
'assets/stylesheets/app.css'
order:
before: [
'vendor/styles/bootstrap.less'
]
after: [
'vendor/styles/helpers.css'
]
Моя структура папок выглядит так:
|__details.styl
|__footer.styl
|__global.styl
|__header.styl
Как я могу
- Пропустить определенные файлы, которые я импортирую вручную?
- Укажите мой порядок файлов, например. глобальный, детали, заголовок, нижний колонтитул?
Я попытался изменить порядок в файле конфигурации, попробовав
order:
before: [
'app/styles/global'
'vendor/styles/bootstrap.less'
]
но это не дало никаких изменений.
Я знаю, что мог бы просто переименовать файлы, чтобы они были чем-то вроде a_global
и z_footer
, но это явно хакерский подход, и это также не решает мою проблему пропуска файлов. Я также хотел бы воспользоваться возможностью импорта указателя стилуса, чтобы я мог лучше организовать мои стили. Однако, если бы я сделал это сейчас, хотя это работает с точки зрения стилуса, эти файлы также будут объединены в app.css в алфавитном порядке их родительского каталога.