问题标签 [grunt-contrib-requirejs]

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 投票
1 回答
833 浏览

jquery - RequireJS没有加载正确的路径

我正在尝试将 requirejs 改装到一个项目中,并且我间歇性地在文件上收到“404 Not Found”。

大约每 3 或 4 次重新加载,我都会收到以下错误

我的文件如下所示:

配置.js

main.js

我使用 grunt-contrib-requirejs 来优化文件,一切似乎都正常

Gruntfile.js

...只是为了填补空白,我的 main.hbs 文件有这个脚本标签

正如我所说,在我尝试引入更多模块之前,这一切都很好。我只想在某些页面上加载的模块。

我尝试通过在相关页面的末尾添加以下代码来做到这一点

page1.js 文件看起来像这样......

当这些错误没有出现时,该站点似乎运行良好。另一件需要注意的是,这似乎只有在我通过 Grunt 任务运行代码时才会出现。

问题是错误中的网址是错误的。jQuery 应该位于 /build/vendor/ 而不是 /build/,而 touchSwipe 是我为库定义的路径。这看起来像是一个时间问题;在新文件之后加载配置。

0 投票
1 回答
25156 浏览

javascript - RequireJS 和 Webapp Yo 生成器上的“定义”未定义错误

我努力了几天才弄清楚这一点,但今天我终于需要你的帮助了。
我的回购:https ://github.com/seoyoochan/bitsnut-web


我想要实现的目标
- 加载和优化 r.js - 为 RequireJS 和 r.js 编写 bower 任务:
   任务是:为 RequireJS 缩小 & uglify & 连接,并在生产中使用 r.js 进行优化
- 如何排除 js 脚本标签在index.html何时使用wiredep任务并通过 RequireJS 加载器加载它们?


我使用 Yeoman 'Webapp' 生成器并生成了脚手架应用程序。

bower install 通过bower.json删除dependencies并仅保留"requirejs": "~2.1.16"dependencies. (devDependencies为空)

因为我用[2][grunt-wiredep],一切都是自动加载bower_components进去index.html的。我修改.bowerrc为将依赖项存储在app/scripts/vendor.

但是,问题是我不知道如何通过 ReuqireJS 成功加载它们,而不是将供应商作为脚本标签加载到index.html. 我必须为RequireJS和r.js编写一些任务,但不知道如何实现这个目标(grunt-contrib-requirejs虽然我安装了)

我想按照第 4 种方法r.jshttps://github.com/jrburke/requirejs/wiki/Patterns-for-separating-config-from-the-main-module使用。但我遇到的问题是 RequireJS 的文档确实建议不要使用named module, 但是anonymous module. 我想听听关于我应该如何处理的各种意见。

非常感谢您提前提供的帮助!

0 投票
1 回答
3572 浏览

javascript - 无法加载 Ace.js 编辑器模式和主题(命名空间项目 & AMD require.js & grunt

我们有一个完全命名空间的大型 javascript 应用程序。我们使用 require.js 加载所有内容(require 存在于命名空间中)然后我们使用 grunt 编译 100+/- js 文件,包括库到一个缩小文件。

我能够加载 ace.js

我能够创建一个编辑器,例如

但是我不确定要加载模式和主题。当我尝试类似..

该请求尝试在 Web 根目录中查找文件。

但是,这些文件需要与其余文件一起编译并放入一个大的缩小文件中。

我想我需要在我的定义语句中包含主题和模式,但是我已经尝试过了,虽然我可以得到一个主题对象,例如

但是,我没有任何运气尝试将对象传递给 setTheme 和 setMode 函数。

所有这一切的最终结果是我有一个 ace 编辑器在工作,但没有突出显示或主题。行编号工作,标签工作。我不确定这些东西是否在主 ace.js 中,或者它是否成功加载了它的依赖项,只是无法加载或无法将主题/模式路径映射到它们的加载方式。

有没有办法通过配置设置主题和模式默认值?这可能会有所帮助。有谁知道我错过了什么?

谢谢。

0 投票
1 回答
145 浏览

javascript - 在 gruntjs 中使用 requirejs 构建一个库,在其他项目中使用

我正在构建一个库,它是一组包含模型视图控制器 Javascript 文件的文件夹。
每个文件都有使用 require 语法声明的依赖项:

我正在使用具有出色“grunt-contrib-requirejs”的 GruntJS 编译这个库。
问题是,作为一个库,没有入口点,也没有主入口。
我希望用户能够在需要时通过调用每个模块来使用它。

以下是我的问题:

首先:
如何为包含所有模块的库构建一个 javascript 文件而不一一声明它们?

其次:
我以后如何在另一个项目中重用这个库?我试过这个:

但是当然第二行失败了,有没有类似的东西require(myLibrary.moduleAView)

你有什么建议?

更新:
我发现当你在一个文件上缩小所有模块时,你在一个页面上有多个定义,这被解释为 requirejs 的脚本,你必须加载它两次!(第一次是整个文件,第二次是你的主要文件)。然后我的“主要”或入口点是在最摇滚的答案上手动构建的(这仍然是一个问题)。所以我的第二个问题的解决方案是这篇文章:http:
//jaketrent.com/post/dynamically-require-optimized-modules-requirejs/

0 投票
1 回答
346 浏览

gruntjs - 找不到使用 requirejs 进行优化的方法并咕哝以下内容:

我有这个目录结构:

我正在尝试使用 grunt-contrib-requirejs 来优化我对profilefrontpage. 现在我的 config.js 看起来像:

我为 grunt-require-config 尝试了以下配置

但我收到此错误:

这很奇怪,因为那条路是正确的!

我找不到很多这样的例子,有人可以帮忙吗?

更新:

我只需要调整baseUrlGruntfile.js 中的appDir. requirejs 选项中的 baseUrl 现在与配置中的相同。

0 投票
2 回答
207 浏览

requirejs - 需要 js 垫片和 r.js 的问题

我在使用 r.js 时遇到了一些问题,希望有人能对此有所了解。

考虑以下垫片:

以及以下任意插件(注意:它们不需要是 jQuery 插件,但 2 必须依赖于 1)。

插件1:

插件2:

r.js 将构建以下内容:

太好了 - 一切都按正确的顺序排列。

但是,如果我需要设置

在构建配置中,我将其作为输出:

我不确定我是否误读了将 wrapShim 设置为 true 的意义,但这不应该编译为:

?

看起来 wrapShim 完全忽略了 shim 中设置的依赖项。

0 投票
1 回答
240 浏览

gruntjs - GruntJS 和自定义任务:需要一个 RequireJS 模块

我对 GruntJS 很陌生,我想知道是否有可能加载一些 RequireJs 模块来处理它们并将结果写入 JS 文件中的任务。

我描述了我的场景:

我有一个基于 RequireJs 的项目,其中包含许多文件。我想连接/缩小/等项目来部署它并提高性能等。

优化与grunt-contrib-requirejs插件完美配合。该grunt-contrib-requirejs插件适用于main.js文件,我应该需要动态生成它。

我想生成main.js处理项目的一些 RequireJS 模块(调用它们fileA.jsfileB.js)。我想使用生成main.js的来运行grunt-contrib-requirejs插件。

所以任务序列将类似于:

自定义任务:

  1. 负载fileA.jsfileB.js
  2. 将它们合并在一起
  3. 在新的 JS 文件中写入合并的结果

grunt-contrib-requirejs任务:

  1. 使用生成的main.js文件优化项目

你知道我怎样才能做到这一点吗?我对使用方式/工具/库没有任何限制。

0 投票
1 回答
20 浏览

javascript - 咕哝贡献-Grunt 正式支持软件包吗?

我即将为 Grunt 使用 RequireJs 插件。我发现有两个具有相同功能的插件:

我想知道-contrib前缀插件是否是 Grunt 信任、维护和官方支持的插件?这是开发人员应该寻找的模式吗?

谢谢。

0 投票
0 回答
1193 浏览

node.js - Grunt 错误 - 找不到模块 'tough cookie'

我收到一个错误,我不知道该怎么做。

Grunt 在我的机器上工作得很好,但在我的服务器上却失败了。他们都是同一个操作系统。而且我在想我的 package.json 可能已经在我的服务器上安装了一个更高版本的东西,它破坏了咕噜声。但是我^对所有依赖项都使用了,所以它们应该是兼容的。这是咕噜声错误:

这是我的 package.json

这是我的 Gruntfile:

0 投票
1 回答
171 浏览

javascript - 带有共享库的 Grunt-contrib-requirejs 错误:没有这样的文件或目录(更新)

我有一个项目,它由多个具有以下结构的应用程序组成:

我想让我的 requirejs grunt 任务将 js src 编译为每个应用程序的一个输出文件。我有这个为 app2 工作,但它不使用共享代码......但是。我已经为我的 grunt 配置尝试了很多不同的东西,但每次都会遇到不同的错误。

到目前为止,对于requirejs,这是我的gruntfile:

这是我的requireConfig.js:

现在,当我尝试运行该任务时,出现错误:

不知道如何解决这个问题。我尝试在我的 requireConfig 中设置一个 baseUrl 但没有真正的运气。

我发现r.js示例构建文件有点令人困惑,我猜我可能以某种方式混淆了 gruntfile 中的配置。