javascript - RequireJS 优化器 - 一个 JS 文件与整个项目

标签 javascript requirejs r.js

我有一个包含多个网页的 requirejs 项目。对于每个网页,都会加载一个 main/require-configuration JS 文件。结构是这样的:

类似这样的事情:

- p1.html
- p2.html
- /scripts
    - main1.js
    - main2.js
    - /controllers
        -...
    - /views
        -...
- /css
- /images

我还有每个“流”的 r.js 构建配置文件(build-flow1.js、build-flow2.js)。 我正在使用 requirejs 优化器(运行 r.js)来 optimize a single JS对于每个流。

我正在重新考虑这个构建配置,因为我无法向自己解释,如果最终所有内容都构建到一个串联的 JS 文件中,那么在运行时,使用 requirejs 能真正获得什么。我知道用 requirejs 模块化我的代码可以实现 r.js 编译,但由于 requirejs 首先是一个加载器框架,看起来我正在获得这些功能......或者我没有理解正确? p>

还有关于 building a whole project 的文档。看起来它的结果与其他方法(单个 JS 文件)类似,但它也会将所有内容复制到一个侧文件夹并在那里执行。有什么区别?

最佳答案

听起来您好像在质疑,当所有内容都构建到一个文件中时,甚至费心使用 RequireJS/AMD 有何好处?

有人问了类似的问题,出现了一些非常好的答案 in this gist .

最重要的是有一个 'Why Web Modules?' RequireJS 网站上的页面。

关于javascript - RequireJS 优化器 - 一个 JS 文件与整个项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18115363/

相关文章:

javascript - 当我在 javascript 中手动创建列表时,无法使用 querySelectorAll(); 获取值;

javascript - 在 Require.js 中填充一个使用 module.exports 的模块可能吗?

javascript - 我如何确保模块等到它们的依赖项加载到 require.js 中?

javascript - Handlebars 有时不会在每个助手中打印 {{this}}

javascript - 将 JS 错误行号映射到未缩小的非捆绑 Assets 文件

javascript - 如何在优化文件之外实例化 requirejs 中的优化模块?

javascript - 在 AngularJS 中加载状态作为模式覆盖

Javascript array.push 克隆数组修改原始数组

javascript - 文本框的值基于其他文本框的值

javascript - 如何使用 RequireJS r.js 构建更改 i18n 的路径