在 brunch.io 中创建一个自定义 JS 目录答案

【问题标题】：create a custom JS directory in brunch.io在 brunch.io 中创建一个自定义 JS 目录
【发布时间】：2012-07-27 20:43:01
【问题描述】：

在brunch.io 中，应用程序包含两个要编译的目录。这些在您的早午餐配置文件中进行控制，如下所示：

javascripts:
  defaultExtension: 'coffee'
  joinTo:
    'javascripts/app.js': /^app/
    'javascripts/vendor.js': /^vendor/

我想知道是否可以在 app.js/vendor.js 旁边创建一个命名空间，如果可以，我会怎么做。我尝试在 app/vendor 旁边添加一个名为 namespace/ 的目录，其中包含我要编译的 CoffeeScript 文件。以及将其添加到配置文件中...

'javascripts/namespace.js': /^namespace/

可以这样做吗？
如果是这样，我哪里出错了？

更新

我的namespace.coffee 文件正在创建一个./public/namespace/。看来这只是没有向观察者注册？还是……？

【问题讨论】：

它应该可以正常工作。您是否检查过namespace.js 文件确实没有在public/javascripts 目录中创建？
err 实际上不是：-x
除了重新启动早午餐服务器以使配置更改生效之外，我还需要做些什么吗？
是namespace.coffee 还是namespace.js？您是否将其包含在 app/assets/index.html 中？
它的 namespace.coffee - 我希望它是 coffeescript。我将<script src="javascripts/namespace.js"></script> 添加到assets/index.html

标签： javascript architecture coffeescript brunch

【解决方案1】：

这行不通。早午餐目前只看顶级app、vendor和test。我想我会在以后的版本中改变这一点。

但你可以这样做：

joinTo:
  'javascripts/namespace.js': /^app(\/|\\)namespace/  # Only app/ns
  'javascripts/app.js': /^app(\/|\\)(?!namespace)/    # Everything but not app/ns
  'javascripts/vendor.js': /^vendor/

【讨论】：

这行得通，所有这些 (\/|\)(?! 意味着什么？这不是一个简单的方法？:D 如果我想要多个命名空间怎么办？比如 jquery 和 bootstrap。我目前有这个：'scripts/jquery.js': /^bower_components(\/|\\)jquery/'scripts/lib.js': /^(vendor|bower_components)(\/|\\)(?!jquery)/