brunch - 在早午餐中分离应用程序和供应商CSS

Question

我的Brunch模板将我的所有代码编译为app.js，并将所有第三方依赖项编译为vendor.js(一种非常标准的方法)。我想对CSS进行同样的操作，但是它曾经可以工作，但是当我开始使用Bower时，某些东西停止了工作，现在出现以下错误:

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)

从如下所示的配置文件(config.cofee):

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

我一直在忍受这个问题，但是这引起了越来越多的问题，我想对它进行整理。任何帮助将不胜感激。

如果出现问题...我正在使用的早午餐的版本是1.7.6。

Answer 1

我感到莫名其妙，但我认为Paul的建议似乎很可能是一个特殊字符。现在，我使用的配置似乎与之前无法使用的配置相同。这是完整的配置文件:

sysPath = require 'path'

exports.config =
  # See http://brunch.io/#documentation for documentation.
  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)/

    templates:
      precompile: true
      root: 'templates'
      joinTo: 'javascripts/app.js' : /^app/

      modules:
        addSourceURLs: true

  # allow _ prefixed templates so partials work
  conventions:
    ignored: (path) ->
      startsWith = (string, substring) ->
        string.indexOf(substring, 0) is 0
      sep = sysPath.sep
      if path.indexOf("app#{sep}templates#{sep}") is 0
        false
      else
        startsWith sysPath.basename(path), '_'