RequireJS:多个main.js？

Question

我一直在使用requireJS构建单页应用程序,并且到目前为止还爱它.我已经开始在主应用程序之外开发网站的其他部分,并且我不确定如何(或是否)使用requireJS.

在我的主应用程序中,所有内容都由此脚本标记触发:

<script data-main='/scripts/main' src='/scripts/libs/require.js'>

我现在正在开发主页,它有自己的前端脚本.在获取站点时使用优化器将所有这些脚本捆绑到一个main.js包中.我很难理解我的网站的其他部分适合这个.

假设我的应用程序依赖于jQuery,并且它被捆绑在应用程序的优化版本中,如果我想在主页上使用jQuery怎么办？我不想加载我的应用程序main.js只是为了访问我的jQuery模块.所以是的...有点困惑!

我想象的网站结构有点像这样:

/scripts
  - app-main.js //(includes all module dependencies after optimzation)
  - home-main.js //(includes all module dependencies after optimzation)

应用程序:

<script data-main='/scripts/app-main' src='/scripts/libs/require.js'>

主页:

<script data-main='/scripts/home-main' src='/scripts/libs/require.js'>

问题

1. 如何使用RequireJS开发网站的不同部分？
2. 是否建议有多个main.js文件？
3. 我的不同main.js文件如何共享jQuery post optimization等常用模块？

Answer 1

requirejs团队在github上有多个应用程序用于多页面应用程序.看看:https://github.com/requirejs/example-multipage

基本上你将具有以下结构:

• page1.html:应用程序的第1页.

• page2.html:应用的第2页.

• js app:存储特定于应用程序的模块的目录.

• lib:保存第三方模块的目录,比如jQuery.

• common.js:包含requirejs配置,它将是公共模块集的构建目标.

• page1.js:用于page1.html的data-main.加载公共模块,然后加载app/main1,即第1页的主模块.

• page2.js:用于page2.html的data-main.加载公共模块,然后加载app/main2,第2页的主模块.

Answer 2

因此，require.js 应始终在任何页面上使用，以实现模块化和干净的命名空间。我相信每个“应用程序”都需要它自己的 main.js 脚本。优化站点时，r.js 允许您从编译中排除模块，这对于 jQuery 应该始终执行。

这样，require.js 将始终动态加载 jquery.js，并且大部分时间从缓存中加载。查找可能在您的应用程序和主页之间缓存的其他模块必须由您自行决定，并且取决于您的用户流量和其他因素。

听起来您有两个项目，一个应用程序和一个营销网站。我相信这些应该在很大程度上分开，并且应该有自己各自的“js”文件夹，其中包含自己的 main.js。