如何使用早午餐构建的应用程序导入bower_components？

Question

我还在吃早午餐。我已经成功构建并测试了基础类和茉莉花规格。

现在是时候开始导入其他依赖项以供使用，第一个将是jQuery并使$可用。这些库已经在bower_components目录中配置和下载。

虽然我的配置有所改进，但指向我开始使用的骨架可能很有用：brunch-with-hipsters。

如何从$导入jQuery并将其作为bower_components提供给我的coffeescript类？

Answer 1

所以这有点像红鲱鱼。

coffeelint已启用并在运行早午餐时给我警告，但自从我开始以来，我并不担心。尽管如此，还是有足够的警告它会滚动离开屏幕。

我注意到我已配置：

        'js/vendor.js': /^(bower_components|vendor)/
        'js/app.js': /^app/

但没有出现vendor.js。向上滚动，我发现了这个错误：

error: [Error: Component JSON file ".../bower_components/jquery-simulate/.bower.json" 
must have `main` property. See https://github.com/paulmillr/read-components#README]

很简单，我需要提供overrides部分，因为jquery-simulate没有提供.bower.json文件（我直接从git访问它）。

最后，修复此问题意味着生成了vendor.js并且$可用。

Answer 2

从您的应用根npm install -g bower，然后更新brunch-config.[js|coffee]，以便使用joinTo将Bower组件传送到vendor.js或app.js，如{{3}中所述}}

保存配置后，执行brunch watch将启动观察程序并监视应用程序更改。此后对bower.json或其应用的任何更改都将自动获取Bower deps（如有必要），重新编译应用程序并重新加载任何连接的用户代理。

注意：如果Bower组件没有main部分，请指定overrides部分，以便您自己定义main，如Brunch config doc。否则，在尝试构建应用程序时会出现错误。