Изменение порядка объединения файлов стилуса в Brunch

У меня есть 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

Как я могу

  1. Пропустить определенные файлы, которые я импортирую вручную?
  2. Укажите мой порядок файлов, например. глобальный, детали, заголовок, нижний колонтитул?

Я попытался изменить порядок в файле конфигурации, попробовав

  order:
    before: [
      'app/styles/global'
      'vendor/styles/bootstrap.less'
    ]

но это не дало никаких изменений.

Я знаю, что мог бы просто переименовать файлы, чтобы они были чем-то вроде a_global и z_footer, но это явно хакерский подход, и это также не решает мою проблему пропуска файлов. Я также хотел бы воспользоваться возможностью импорта указателя стилуса, чтобы я мог лучше организовать мои стили. Однако, если бы я сделал это сейчас, хотя это работает с точки зрения стилуса, эти файлы также будут объединены в app.css в алфавитном порядке их родительского каталога.


person dinocarl    schedule 26.09.2013    source источник


Ответы (1)


Файлы, начинающиеся с _, игнорируются компиляторами.

Это означает, что вы можете сделать

@import _first
@import _second
@import _third

в вашем основном файле стилуса, а _first и т. д. будут добавлены только один раз в результат.

person Paul Miller    schedule 27.09.2013