Oddzielenie aplikacji i css dostawcy w Brunch

Mój szablon Brunch kompiluje cały mój kodapp.js i wszystkie zależności od stron trzecichvendor.js (dość standardowe podejście). Chciałbym zrobić to samo z CSS i kiedyś działał, ale kiedy przeniosłem się do korzystania z Bower, coś przestało działać i teraz pojawia się następujący błąd:

Błąd: nie można załadować konfiguracji / ścieżki-do-root/config.coffee. SyntaxError: unexpected {at Object.exports.loadConfig (/usr/local/share/npm/lib/node_modules/brunch/lib/helpers.js:448:15)

z pliku konfiguracyjnego (config.cofee), który wygląda tak:

files:
    javascripts:
      joinTo: 
        'javascripts/app.js': /^app/
        'javascripts/vendor.js': /^(bower_components|vendor)/
        'test/javascripts/test-vendor.js': /^test(\/|\\)(?=vendor)/

    stylesheets:
      joinTo:
        'stylesheets/app.css': /^app/
        'stylesheets/vendor.css': /^(bower_components|vendor)/

Jeśli zamiast tego po prostu usuwam dwie linie dla arkuszy stylów i umieścisz tę pojedynczą linię w jej miejscu, działa bez błędu:

'stylesheets / vendor.css': / ^ (app | bower_components | vendor) /

Z tym żyję, ale powoduje to coraz więcej problemów i chciałbym je uporządkować. Każda pomoc byłaby bardzo mile widziana.

W przypadku pojawienia się pytania ... wersja brunch, której używam, to 1.7.6.

questionAnswers(3)

yourAnswerToTheQuestion