【问题标题】:How to import bower_components with app built by brunch?如何使用早午餐构建的应用程序导入 bower_components?
【发布时间】:2014-05-14 13:07:31
【问题描述】:

我仍然对早午餐有所了解。我已经成功构建和测试了一个基础类和 jasmine 规范。

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

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

如何将 jQuery 作为 $bower_components 导入到我的咖啡脚本类并使其可用?

【问题讨论】:

    标签: jquery brunch


    【解决方案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 并且 $ 可用。

    【讨论】:

    【解决方案2】:

    从您的应用根 npm install -g bower,然后更新 brunch-config.[js|coffee],以便使用 joinTo 中所述的 Brunch config doc 将 Bower 组件通过管道传输到 vendor.jsapp.js

    配置保存后,执行brunch watch 将启动观察程序并监控应用程序更改。对bower.json 或此后应用程序的任何更改都会自动获取 Bower 依赖项(如有必要),重新编译应用程序并实时重新加载任何连接的用户代理。

    注意:如果 Bower 组件没有main 部分,请指定overrides 部分,以便您可以按照read-components 中的说明自行定义mains。否则在尝试构建应用程序时会出错。

    【讨论】:

      猜你喜欢
      • 2016-01-17
      • 2014-08-08
      • 2019-01-04
      • 1970-01-01
      • 2017-09-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多