javascript - 将 javascript 库添加到 angular-brunch-seed

Question

我在我的计算机上克隆了 Angular-Bunch-Seed https://github.com/scotch/angular-brunch-seed

我想将breezejs添加到我的项目中 http://learn.breezejs.com/

我将 Breeze 库复制到我的 vendor 文件夹/vendor/breeze/

然后我更改了 config.coffee 文件，如下所示:

exports.config =
  # See docs at http://brunch.readthedocs.org/en/latest/config.html.
  conventions:
    ignored: /(^vendor\/.*\.less$)|(^|\/)node_modules\/|(^|\/)_/
    assets: /^app\/assets\//
  modules:
    definition: false
    wrapper: false
  paths:
    public: '_public'
  files:
    javascripts:
      joinTo:
        'js/app.js': /^app/
        'js/vendor.js': /^vendor/
        'test/scenarios.js': /^test(\/|\\)e2e/
      order:
        before: [
          'vendor/console-polyfill/index.js'
          'vendor/jquery/jquery.js'
          'vendor/breeze/breeze.debug.js'
          'vendor/breeze/q.js'
          'vendor/angular/angular.js'
          'vendor/angular-resource/angular-resource.js'
          'vendor/angular-cookies/angular-cookies.js'
          'vendor/angular-sanitize/angular-sanitize.js'
          'vendor/bootstrap/docs/assets/js/bootstrap.js'
        ]

    stylesheets:
      joinTo:
        'css/app.css': /^(app|vendor)/
      order:
        before: [
          'app/styles/app.less'
        ]

    templates:
      joinTo: 
        'js/dontUseMe' : /^app/ # dirty hack for Jade compiling.

  plugins:
    jade:
      pretty: yes # Adds pretty-indentation whitespaces to output (false by default)
    jade_angular:
      modules_folder: 'partials'
      locals: {}

    bower:
      extend:
        "bootstrap" : 'vendor/bootstrap/docs/assets/js/bootstrap.js'
        "angular-mocks": []
        "styles": []
      asserts:
        "img" : /bootstrap(\\|\/)img/
        "font": /font-awesome(\\|\/)font/


  # Enable or disable minifying of result js / css files.
  # minify: true

当我执行早午餐构建时，检查vendor.js文件..不包含 Breeze 库!我错过了什么？

PS:当我从构建文件中删除 angular.js 时，它已被正确删除。

Answer 1

嗯，答案有简单和复杂的子部分。

简单的部分:为什么它不起作用。 angular-brunch-seed利用bower-brunch package，它在内部检查 vendor 库中的 component.json 文件。这意味着，如果您没有使用 bower 下载该库，或者将所需的 component.json 放在库的根目录中(并在根 component.json 中提及)，它将不会被识别为正确的 vendor 库并得到在 config.coffee 的 joinTo 正则表达式中被忽略。

此 config.coffee 文件的 order 部分仅管理生成的 vendor.js 文件中库的放置顺序；如果该库事先被忽略，则订单行没有影响。

棘手的部分:轻松进入您的 vendor 库。干净的方法应该是使用 Bower 下载它。事实是，正如您可能已经猜到的那样，截至今天为止，还没有 Breeze 凉亭套餐。

[victor@M]<~> bower search breeze
No results
[victor@M]<~> bower search | \grep breeze
No results

这意味着您必须自己创建它。正如 bower docs 中所述，您必须在 git 端点(例如 github)中以某个名称(例如，bower-breeze )并使用bower register将其注册到bower。看看什么angular guys did ，寻求灵感。您还必须包括 semver该存储库中的标签以匹配基础库的版本。或者，您可以在 Breeze 的 github 上打开一个问题，并要求将 component.json 包含在其存储库中(或者更好的是，编写它并提交拉取请求)。

最后一项措施，您可以尝试在 vendor 目录中写入 component.json 并检查它是否仍然被忽略，但我没有对此进行测试。可以工作(但这是一个黑客)也许你至少也必须在 angular-brunch-seed 的根 component.json 中添加一个提及(带有版本信息)

总而言之，Angular-brunch-seed 是一个棘手的野兽......