问题标签 [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.
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/
ember.js - 早午餐,JSDom:对象 [jsdom NodeList]:包含 3 个项目没有方法“地图”
我正在尝试使用 Ember、Brunch 和 JSDom 进行无头测试。我正在使用 ember-brunch-skeleton 生成应用程序。
https://github.com/fuseelements/ember-brunch-skeleton
我已经安装了所有依赖项。
当我尝试运行“早午餐测试”时,出现以下错误。似乎我在这里缺少一些基本的东西,但这是我第一次使用 node.js/jsdom/mocha 等。我缺少什么?
javascript - 不使用 JSONP 请求更新主干集合
我最近才开始使用 Backbone.js,我正在开发一个应用程序,现在使用 Brunch 向外部 API 发出 JSONP 请求以填充我的集合和模型。我正在关注这些以前的帖子(this和this)关于使用 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] 并返回一个包含所有数据的数组,这应该可以解决问题,对吧?
非常感谢任何帮助...
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脚本:)
node.js - 如何在 Brunch 中设置环境变量
我们正在开发一个在早午餐之上使用卓别林的应用程序。
我们正在使用 3rd 方 API,并且我们有不同的代币用于开发和生产。
我想知道是否可以在早午餐中设置环境变量。我想将所有内容编译为纯 html/js。
有没有办法使用类似的东西来编译项目brunch build -env staging
?如果是这样,我该如何定义这些变量?
javascript - 使用 Mocha 测试一个 Brunched 应用程序并包括 shims
我正在尝试使用 Mocha 测试我的 Brunch+Backbone 应用程序
一个require
各种各样的摩卡规格devDependencies
工作正常。只要我调整变量,requires
我的应用程序和模块就可以工作的 Mocha 规范devDependencies
NODE_PATH
当我的d 应用程序模块需要从文件夹require
中填充的代码时,就会发生故障。vendor/scripts
这些对require
系统来说根本不可用,我不清楚如何在加载我的应用程序代码之前将它们纳入范围。
我可以尝试brunch test
在较新的版本中使用,但截至今天似乎已被破坏。我收到一个错误,抱怨test.js
该函数helpers.findTestFiles
不存在。该问题已提交,但它让我相信早午餐没有坏,我只是做错了事。
使用 Mocha 测试使用 AMD 要求和填充供应商脚本(jQuery、Lodash、Backbone、Marionette)的早午餐应用程序的正确方法是什么?
node.js - 在早午餐中引用 node_module 的 .styl
我有一个与卓别林一起吃早午餐的应用程序。我想使用 Twitter Bootstrap,但由于它是用 LESS 编写的,我更愿意切换到手写笔版本。幸运的是,那里有一个 bootstrap-stylus node_module。所以我通过npm install bootstrap-stylus
. 但是我如何引用模块内的手写笔文件呢?正在做
不起作用。也不附加/lib/bootstrap
路径。
我"bootstrap-stylus": ">= 0.2"
在我dependencies
的package.json
文件里,但还是不行。有任何想法吗?谢谢。
javascript - 早午餐配置:javascript 文件排除 *.min.js 文件
我了解 brunch 如何处理 javascript 文件,将它们组合成单独的输出文件:
例如,第二行获取 /vendor/ 文件夹中的所有 javascript 文件并生成 vendor.js
正则表达式 (/^vendor/) 指定的文件夹路径是否正确?有什么方法可以让正则表达式也适用于文件名?例如,如果有 jquery.js 和 jquery.min.js,我只想包含 jquery.js 文件。这可能吗?
javascript - 使用咖啡源图调试 brunch.io?
我想知道如何使用 sourcemaps 调试我的 brunch.io (ember) 应用程序?
我的源图是由 IntelliJ Webstorm 生成的——但是我如何将它们与 brunch.io 构建过程一起使用?
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。所以基本上这是将应用程序部署到生产环境(公共文件夹)的问题。