问题标签 [broccolijs]

我最近将使用 bower 编译的 ember 应用程序迁移到 ember-cli。它已经变得相当大了，但是我在当前的开发环境中遇到了问题，而 ember-cli 似乎是更清洁的解决方案。

不幸的是，在为 ember-cli 界面更新文件后，构建无法正常工作。我让它以 100% CPU 运行了 5 分钟，它在构建之后达到了两个点......然后停止了。

我正在使用 Sublime 文本，但我在http://www.ember-cli.com/#commonissues下更新了我的偏好。我使用 npm 添加了 broccoli-sass，使用 ember install:addon 添加了 ember-data.model-fragments。下面是我的 package.json

这是我的应用程序文件树。我想知道它是否与我添加的所有文件夹（对象、定义、库等）有关。

我也可能在文件传输的某个地方错过了导入/导出。这会像我看到的那样默默地失败还是会引发错误？

我很欣赏你可能有的任何见解。

我正在尝试使用broccoli-requirejs编译两个不同的 JS 文件。解决这个问题的一种合乎逻辑的方法似乎是在我的脚本树上运行 requireJs 过滤器两次，使用两种不同的配置。这样做会产生一些非常奇怪的错误，对我来说，这些错误类似于竞争条件或其他东西。

有关 Broccoli 配置和错误输出的信息，请参见下文。

构建时出现以下错误：

如果我确实传递{overwrite: true}给 mergeTrees 调用，我会得到第一个 requireJs 调用的输出（即scripts/main.js），但文件名是 bar.js。

我正在使用jquery-ui，自编译：不是通过 bower，而是直接从 jquery-ui 网站生成和下载。我已经把它放进myapp/vendor/bundles/jquery-ui-1.11.2.custom

在我的Brocfile我正在加载 CSS 和 JS 资源：

CSS然后包含在vendor.css资源中，js包含在vendor.js资源中。

但这并没有提供完整的 jquery-ui 组件。特别是，该文件jquery-ui.css使用此规则：

这是解决中的图像vendor/bundles/jquery-ui-1.11.2.custom/images/ui-bg_inset-soft_10_285c00_1x100.png。该文件在文件夹中不可用dist。

url("images/...")是相对于 CSS 本身的路径的。这是jquery-ui组件的结构：

我想为我的应用程序提供的是：

• jquery-ui.css
• jquery-ui.js
• jquery-ui.theme.css
• 图片/目录

西兰花如何解决这个问题？

我有一个Brocfile.js告诉 Broccoli / ember-cli 获取一堆文件，对它们做一些事情，然后生成和输出（vendor.css, vendor.js, app.js,app.css或其他东西）

如何打开 ember-cli 的调试，以便我知道在每个步骤中对哪些文件做了什么？

我需要这个的原因是因为我vendor.css的不完整，但我不知道究竟缺少什么：我想按照 Broccoli 正在运行的过程将它与我的 Brocfile 规范进行比较，看看错误可能在哪里......

我试过了--verbose。没有运气：

启动 Ember-CLI 应用程序时，我遇到了一个“经典”错误：

EEXIST, file already exists.

我咨询过

使用 ember cli 启动 ember 服务器

看起来西兰花的问题已经解决了？

我尝试删除node_modules文件夹和tmp文件夹，npm cache clear然后运行npm install。但无济于事。

奇怪的是，templates/application.js 中从来没有文件（下面错误中的参考文件）。

Ember CLI 指南描述了如何在模板和 CSS 中引用资产 - 但是从我的 javascript 代码中引用资产（比如图像）的正确方法是什么？

具体来说，我担心在构建生产资产时资产路径会被正确识别。似乎 ember-cli 正在为此使用broccoli-asset-rev，但根据其文档，只有<script>HTML 和url()CSS 中的标签会被指纹识别。是否有任何方法（可能通过另一个 broccoli 插件）来获取 .js 文件中的资产路径的指纹？

我的后端服务器（Sails）动态生成站点地图，可通过http://127.0.0.1/sitemap.xml. 每次我从我的 Ember 应用程序中以某种方式触发它时，我都想将它（以及一些具有相同过程的 RSS 提要）复制到公共文件夹中。

我怎样才能做到这一点？

我看过https://github.com/joliss/broccoli-static-compiler但我不知道它是否可以从 URL 复制，而且我不知道如何从我的应用程序中触发它。

我正在尝试在本地设置此存储库https://github.com/lrdiv/ember-soundcloud并且我遇到了 broccoli-emblem-compiler 的这个问题。见附件中的图片

据我了解， broccoli-emblem-compiler 无法编译我的标志模板，我不知道如何弄清楚。

这些是我使用 Ember-Cli 安装和设置项目的所有步骤

我已删除 app 文件夹并替换为我已克隆的项目https://github.com/lrdiv/ember-soundcloud

然后我安装了所需的其他节点模块

最后我跑

ember server，并且在我的终端中，我收到了我附加的错误。

我现在能做些什么来解决这个问题？真正的问题是什么？

默认情况下，ember-cli 似乎设置为不将 css 文件编译为一个（与 JS 文件一样）。

配置 ember-cli 以将app/styles（和子目录）中的所有文件合并到一个app.css文件（然后是指纹等）的最佳方法是什么？这可以通过 Brocfile 实现还是我需要覆盖EmberApp.styles()？

更新：据我所知，有以下（不是很优雅）选项：

1) 分别使用 SASS 和@importCSS 文件到 app.scss 中。这样做的缺点是我需要使用一个额外的插件（SASS）并且 SASS 似乎不允许在@import（例如@import('**/*.scss')）中使用通配模式，这使得这个解决方案对于大型项目来说很麻烦。

2) 覆盖，使其EmberApp.styles()不复制 CSS 文件（目前由. 不过，这个解决方案似乎有点老套，并且存在与新版本的 ember-cli 不兼容的风险。broccoli-static-compilerapp.css

3) 解决方法：使用broccoli-funnelandbroccoli-concat自己进行连接。

在 Brocfile.js 中：

app.css这将使用我们所有连接的 CSS 在.However 中创建一个新/assets/app.css文件。但是，该文件没有指纹。我们的资产目录现在看起来像这样：

所以 - 公认的 hacky - 第二步是 1）获取指纹的文件名app-<fingerprint>.css，2）删除app-<fingerprint>.css和 3）将 app.css 重命名为app-<fingerprint>.css. 最后一步可以使用 Grunt 或 gulp 自动化。

我的 Ember-CLI vendor.js 占用了太多空间。因此，我希望能够查看哪些文件进入了它的 Brocolli-tree。

我尝试了https://www.npmjs.com/package/broccoli-stew但它只显示了结果文件（包括大 vendor.js）