问题标签 [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.
javascript - 如何在应用程序中包含 require.js 项目并缩小两者
有两个不同的项目,一个框架和一个使用该框架的应用程序,我想使用 requirejs 优化器将两者一起缩小。
文件:
我想用 requirejs 优化器创建一个 app.min.js,其中包括框架文件和应用程序文件,顺序正确。
但是,我希望框架能够缩小自身,因此框架中define()
的require()
调用与framework.js
文件相关。
问题是,如果我尝试优化我的应用程序,它将找不到框架文件,因为define(['./some'], ...)
如果我从我的应用程序进行优化,框架中使用的相对路径(如 )将不起作用。
我怎样才能正确地做到这一点?
gruntjs - 使用 requirejs 优化器编译
我正在尝试使用 requirejs 优化器和 grunt ( https://www.npmjs.org/package/grunt-contrib-requirejs ) 编译一个项目。编译的输出文件,是一个单独的 js 文件——但它仍然需要像这样从 requirejs 调用:
我需要使用 grunt 编译项目,这样我就不必在脚本中包含 requirejs 来执行文件;像这样:
这是我对 requirejs grunt 编译器的配置:
我还希望能够在此编译期间摆脱 require 和 define 调用。
requirejs - 在代码中使用 requirejs 插件进行 Grunt 构建
我正在使用这样goog
的requirejs插件:
在我使用 grunt ( grunt build
) 构建项目之前,代码运行良好。当我运行构建的代码时,我得到了Uncaught ReferenceError: google is not defined
错误。我的 Gruntfile.js 包括:
我尝试将插头添加到include
零件中,但没有运气。有没有办法解决它?
javascript - 如何找到不是在顶层或立即在另一个函数中声明的函数的位置?
我有一个使用 require.js 的工作网络应用程序,我正在尝试缩小和连接所有文件。我正在使用 grunt-contrib-requirejs 将整个项目编译成 bundle.js 文件,如下所示:
现在我更改了 index.html 以调用捆绑包而不是未捆绑的 start.js 入口点:
替换:<script data-main="start" src="require.js"></script>
和:<script data-main="../bundle.js" src="require.js"></script>
编译似乎做得很好,并且确实找到了 bundle.js,但是我收到了这个错误:
Uncaught SyntaxError: ../bundle.js: 在严格模式代码中,函数只能在顶层或立即在另一个函数中声明。
但是 chrome 调试器显示从 require.js 抛出的错误。我很确定 require.js 没有错误。如何找到我的代码的哪一部分产生了错误?
更新这可能(或可能不)与这个最近的 jQuery 错误有关。我不知道,因为当我使用 jquery 的非缩小版本时,我收到来自这一行的另一个错误(“未定义”)define("jquery", function(){});
:. 我也不知道这条线来自哪里,这似乎是一件奇怪的事情......
javascript - grunt-contrib-requirejs 没有解决我的运行时模块注入
我有一个问题。在我的项目中,我正在使用运行时模块注入。当我使用require.js框架时,一切正常。但是当我尝试使用grunt-contrib-requirejs制作可靠的 js 文件时,它找不到我的注入模块。
我正在注入模块的一段代码
gruntjs - grunt requirejs 编译多 mainConfigFile
我在 grunt-contrib-requirejs 中编译 multi-mainConfigFile 时遇到问题。
我不知道如何配置 gruntfile.js,虽然阅读了页面' Grunt & requirejs optimizer for a multi app project '。
- 我有这些文件
.
├── index.js
├── main.js
└── module
├── common.js
└── dao.js
- gruntfile.js 中的 requirejs 配置
```
需要js:{
```
就这些 。
我想编译 index.js 和 main.js 。
请帮我。
javascript - Grunt 如何设置任务以多次调用插件
我使用 requirejs 将代码分发到单个文件中。
在 grunt.initConfig 中,我有:
这部分代码用于设置requirejs。我用
将其注册到任务distribute
中,一切正常。
现在我想在distribute
任务中调用 requirejs 两次,一次用于移动设备,一次用于桌面。基本上我需要更改上面代码中的baseUrl
,name
和out
config 。
我怎样才能做到这一点?
javascript - 在 RequireJS 中连接模块
我正在使用 RequireJS 来模块化我的代码。我正在使用的网站将有几个不同的页面类别。对于它们中的每一个,我想加载通用 JS 文件,其中包含所有页面类别中存在的所有依赖项,jQuery 是最明显的一个。我已经设法做到了。
对于其余的页面,我想要单独的 JS 文件。每个页面都有自己的模块,但我认为如果我一次下载多个页面模块会更有意义,这样当用户访问其他页面时,他将拥有已经缓存的 JS 文件并且不必下载。
现在我尝试连接这些确实工作得很好的模块。但是,我不确定如何从文件中加载特定模块。到目前为止,我正在这样做:
common 是依赖项文件,public 是我的所有依赖项的串联文件。它里面有每个页面的模块,但我不知道如何调用特定的模块。有任何想法吗?
requirejs - Requirejs优化文件未执行
我严重错过了有关如何使用 r.js 优化器的一些重要元素。对于许多人来说,这可能是一个微不足道的答案,但我可以终生无法解决这个问题。我已经使用 grunt 任务设置了我的环境来构建优化的文件。优化的文件已构建并且依赖项似乎可以正确解析,但我的主文件中的代码从未执行过。
我创建了一个最小环境来帮助您帮助我,其中几乎只有 Gruntfile、主文件和一些依赖项(jquery、almond)。
我的项目结构是:
咕噜文件:
索引.html:
main.js
完成构建任务后,我的 dist 目录将包含 index.html 和 main.js 文件。dist/main.js 文件将如下所示:
对未压缩文件使用静态文件服务器可以按预期工作。使用构建文件时,即使加载了优化文件,也不会记录任何内容,也不会将任何内容添加到 html 中。
我怀疑答案类似于Why is my RequireJS ignoring the code in my optimization main.js? , (某些模块名称不匹配?)但我对此的理解不足以解决我自己的问题。
非常感谢您的帮助!
javascript - Requirejs结合应用window.onerror错误处理
在基于 Backbone 和 requirejs 2x 的应用程序中,只有通过 grunt-contrib-require 组合应用程序时,window.onerror 才会停止捕获错误。
在 Backbone 应用程序之前和外部声明的 window.onerror 函数 id 并将错误发送到后端。
抱歉,不能发布大部分应用程序,但那些感兴趣的部分
这是我的 app/main.js 文件
关于 requirejs 任务的 Gruntfile.js 部分
嵌入未合并的应用程序:
嵌入组合应用程序:
欢迎任何建议!谢谢你。