Javascript 使用require.js的基本文件结构

Javascript 使用require.js的基本文件结构,javascript,requirejs,Javascript,Requirejs,如果我有page1.html和page2.html,在page1.html上我需要使用一些需要jquery的脚本,而page2.html则需要使用一些需要jquery和下划线的脚本 据我所知,我只是使用 页面1.html 页面2.html 我应该如何通过从underline.js获取avantages来构建我的应用程序 谢谢。在html正文标记的底部添加require.js,添加 <script src="js/libs/require/require.js" data-main=

如果我有page1.html和page2.html,在page1.html上我需要使用一些需要jquery的脚本,而page2.html则需要使用一些需要jquery和下划线的脚本

据我所知,我只是使用

页面1.html

页面2.html

我应该如何通过从underline.js获取avantages来构建我的应用程序


谢谢。

在html正文标记的底部添加require.js,添加

<script src="js/libs/require/require.js" data-main="js/main"></script>
在自定义js文件(要创建的模块)中,添加:

这应该是定义或要求,取决于模块的使用。 如您所见,您还可以添加自定义javascript文件,如果它们包含您当前模块中需要的任何javascript函数

对于多页应用程序,我找到了以下资源:

本项目展示了如何设置基于requirejs的多页面项目 其目标如下:

每个页面混合使用通用和特定页面模块。
所有页面共享相同的requirejs配置。在优化构建之后 公共项应位于共享的公共层中,且页面特定 模块应位于页面特定的层中。
在完成构建之后,不必更改HTML页面


这就是你要找的吗

我还是不明白,1。在js文件中是指page1.js和page2.js?2.page1.html如何知道page1.js,因为它是指向main.js的唯一链接?我添加了一个资源,展示了如何在多页面web应用程序中使用require.js的示例。
<script src="jquery.js"></script>
<script src="underscore.js"></script>
<script src="page2.js"></script>
<script src="js/libs/require/require.js" data-main="js/main"></script>
//Require.js 
require.config({

    baseUrl: 'js', 

    paths   : {
        jquery                  : '//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min', 
        underscore              : 'libs/underscore/underscore-min'
    },  

    shim    : {
        underscore: {
          exports: '_'
        }
    }
}); 
define([
  'jquery', 
  'underscore', 
  'page2'
], function($, _, Page2){

    //Specify module here 
    var someObj = {}; 
    return someObj
});