Javascript 使用require.js的基本文件结构
如果我有page1.html和page2.html,在page1.html上我需要使用一些需要jquery的脚本,而page2.html则需要使用一些需要jquery和下划线的脚本 据我所知,我只是使用 页面1.htmlJavascript 使用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=
页面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
});