问题标签 [brunch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
465 浏览

jquery - 使用早午餐打包时 jquery.fileupload 无法正常工作

我意识到这是一个有点模糊的问题。

我正在使用 Brunch 来打包我的 Ember 应用程序。我在该应用程序中使用了 blueimp 的 jquery.fileupload ui 小部件。

当与 brunch 打包时,fileupload 小部件确实会初始化,但是,当我添加一个文件时,它不会在模板中呈现,并且上传会自动开始,这告诉我在初始化中有些东西搞砸了。

我在早午餐配置中正确设置了依赖项的加载顺序。

我通过不将 jquery.fileupload 编译到 vendor.js 中来测试这一点,而只是通过<script>标头中的常规标签包含它并且它可以正常工作,所以我相信我忽略了配置中的某些内容,可能是加载顺序。

有没有人有使用早午餐将 blueimp 的 jquery.fileupload 打包到应用程序中的经验?

编辑:这是配置:

javascripts: defaultExtension: 'js', joinTo: 'javascripts/exchange_app.js': /^app/ 'javascripts/exchange_vendor.js': /^vendor/

0 投票
2 回答
864 浏览

ember.js - 早午餐,JSDom:对象 [jsdom NodeList]:包含 3 个项目没有方法“地图”

我正在尝试使用 Ember、Brunch 和 JSDom 进行无头测试。我正在使用 ember-brunch-skeleton 生成应用程序。

https://github.com/fuseelements/ember-brunch-skeleton

我已经安装了所有依赖项。

当我尝试运行“早午餐测试”时,出现以下错误。似乎我在这里缺少一些基本的东西,但这是我第一次使用 node.js/jsdom/mocha 等。我缺少什么?

0 投票
1 回答
1253 浏览

javascript - 不使用 JSONP 请求更新主干集合

我最近才开始使用 Backbone.js,我正在开发一个应用程序,现在使用 Brunch 向外部 API 发出 JSONP 请求以填充我的集合和模型。我正在关注这些以前的帖子(thisthis)关于使用 Backbone 执行 JSONP 请求,但由于某种原因,我的集合仍然没有获取数据。

我的模型(app/models/model.js):

我的收藏(app/models/collection.js):

然后,在 app/application.js 的初始化方法中,我通过以下方式调用它:

现在,当我查看 console.log 中的 parse 函数时,我看到正在获取数据,因此请求成功通过。但是,当我的视图被渲染并且我在 app/views/view.js 中执行 console.log(application.cat.models) 时,我什么也得不到——为什么会这样?我的模型/系列上的代码有什么问题吗?

此外,JSONP 数据具有以下格式,这就是为什么遍历 for response.results[i][0] 并返回一个包含所有数据的数组,这应该可以解决问题,对吧?

非常感谢任何帮助...

0 投票
2 回答
1489 浏览

javascript - 将 Yeoman/Brunch 工具与混合 Django/Backbone 应用程序一起使用?

我正在使用后端的 Django 和前端的 Backbone 构建一个混合 Web 应用程序。

结构如下:我在 Django 模板中生成所有的 HTML,request.is_ajax用于决定返回哪些模板,并根据需要使用 Backbone 拉入 HTML(我这样做是因为我想支持非 JavaScript 用户)。

无论如何,我的问题是这个。随着我的 JavaScript 代码变得越来越复杂,我希望能够自动执行以下操作:

  • 异步 JavaScript 加载
  • 连接和缩小 CSS 文件
  • 连接和缩小 JavaScript 文件
  • JS-linting

我不太担心图像优化或包管理。这可能与我的设置有关吗?目前它是一个标准的 Django 应用程序:

我不确定我是否应该使用Yeoman(或只是grunt)或Brunch,或者是否有更简单的方法。无论我使用什么,我不确定是否可以将其放入js目录中,或者模板的位置是否会使事情复杂化。

目前我知道如何使用 require.js 来异步加载 JS,但我不知道如何连接、lint 等 - 因此寻找一个工具。也许我应该只写一个shell脚本:)

0 投票
1 回答
2191 浏览

node.js - 如何在 Brunch 中设置环境变量

我们正在开发一个在早午餐之上使用卓别林的应用程序。

我们正在使用 3rd 方 API,并且我们有不同的代币用于开发和生产

我想知道是否可以在早午餐中设置环境变量。我想将所有内容编译为纯 html/js。

有没有办法使用类似的东西来编译项目brunch build -env staging?如果是这样,我该如何定义这些变量?

0 投票
0 回答
264 浏览

javascript - 使用 Mocha 测试一个 Brunched 应用程序并包括 shims

我正在尝试使用 Mocha 测试我的 Brunch+Backbone 应用程序

一个require各种各样的摩卡规格devDependencies工作正常。只要我调整变量,requires我的应用程序和模块就可以工作的 Mocha 规范devDependenciesNODE_PATH

当我的d 应用程序模块需要从文件夹require中填充的代码时,就会发生故障。vendor/scripts这些对require系统来说根本不可用,我不清楚如何在加载我的应用程序代码之前将它们纳入范围。

我可以尝试brunch test在较新的版本中使用,但截至今天似乎已被破坏。我收到一个错误,抱怨test.js该函数helpers.findTestFiles不存在。该问题已提交,但它让我相信早午餐没有坏,我只是做错了事。

使用 Mocha 测试使用 AMD 要求和填充供应商脚本(jQuery、Lodash、Backbone、Marionette)的早午餐应用程序的正确方法是什么?

0 投票
2 回答
998 浏览

node.js - 在早午餐中引用 node_module 的 .styl

我有一个与卓别林一起吃早午餐的应用程序。我想使用 Twitter Bootstrap,但由于它是用 LESS 编写的,我更愿意切换到手写笔版本。幸运的是,那里有一个 bootstrap-stylus node_module。所以我通过npm install bootstrap-stylus. 但是我如何引用模块内的手写笔文件呢?正在做

不起作用。也不附加/lib/bootstrap路径。

"bootstrap-stylus": ">= 0.2"在我dependenciespackage.json文件里,但还是不行。有任何想法吗?谢谢。

0 投票
3 回答
2211 浏览

javascript - 早午餐配置:javascript 文件排除 *.min.js 文件

我了解 brunch 如何处理 javascript 文件,将它们组合成单独的输出文件:

例如,第二行获取 /vendor/ 文件夹中的所有 javascript 文件并生成 vendor.js

正则表达式 (/^vendor/) 指定的文件夹路径是否正确?有什么方法可以让正则表达式也适用于文件名?例如,如果有 jquery.js 和 jquery.min.js,我只想包含 jquery.js 文件。这可能吗?

0 投票
1 回答
584 浏览

javascript - 使用咖啡源图调试 brunch.io?

我想知道如何使用 sourcemaps 调试我的 brunch.io (ember) 应用程序?

我的源图是由 IntelliJ Webstorm 生成的——但是我如何将它们与 brunch.io 构建过程一起使用?

0 投票
1 回答
848 浏览

javascript - 基于 brunch 构建的应用程序对 app.css/app.js/... 文件使用硬编码路径

我已经通过 npm ( npm install brunch)在 Windows 上安装了 brunch

然后我在我的 www 根目录(apache www root)中创建并构建了新项目:

当我localhost/someproject/public在浏览器中输入时,控制台日志(chrome)中出现以下错误:

所以这些文件的路径似乎是从根路径硬核的......我怎样才能做到这一点 - 早午餐配置文件中的一些变化?

我知道我可以使用brunch watch --server和输入localhost:3333,但我想改用 apache。所以基本上这是将应用程序部署到生产环境(公共文件夹)的问题。