브런치에서 앱 및 공급 업체 CSS 분리하기

Question

내 브런치 템플릿은 모든 코드를 app.js으로 컴파일하고 모든 제 3 자 의존성을 vendor.js (매우 일반적인 접근 방식)으로 컴파일합니다. 나는 CSS와 같은 일을하고 싶습니다 그리고 그것은 작동하는 데 사용하지만 바우어 뭔가를 사용하여 이동으로 작동을 중지하고 지금은 다음과 같은 오류 얻을 : 구성 파일 (config.cofee)에서

Error: couldn't load config /path-to-root/config.coffee. SyntaxError: unexpected { at Object.exports.loadConfig (/usr/local/share/npm/lib/node_modules/brunch/lib/helpers.js:448:15)

을 그 다음과 같습니다

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)/ 

내가 대신 스타일의 두 줄을 제거하고 오류없이 작동 그 자리에이 한 줄 넣어 경우

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

나는 일종의 살아 왔는데 재치 h 그러나 이것은 점점 더 많은 문제를 야기하고 있으며, 나는 그것을 분류하고 싶습니다. 어떤 도움이라도 대단히 감사하겠습니다.

질문이 올 경우 ... 내가 사용하는 브런치의 버전은 1.7.6입니다.

Answer 1

나는 당황하고 있지만, 아마도 특수 문자가 파일에 먹은 바울의 제안을 생각한다 가능성이 높습니다. 이전에는 작동하지 않는 것과 동일한 것으로 보이는 구성으로 작업하게되었습니다. 전체 구성 파일은 다음과 같습니다.

Answer 2

꽤 이상해하지만이 같은 경우에 (끝에/추가) 다음을 수행했다

stylesheets: { 
    joinTo: { 
     'css/vendor.css': /^(vendor|bower_components)\//, 
     'css/styles.css': /^app\/css\// 
    } 
} 

Answer 3

나는 Ken과 동일한 문제가있었습니다. 무엇이 나를 위해 그것을 해결 config.coffee 파일에서 위반 라인을 삭제하고 다시 처음부터 다시 입력하는 것입니다. 이렇게하면 숨겨진 문자가 나타나지 않고 스크립트가 다시 실행됩니다.