我是RequireJS的新手，所以这可能是一个愚蠢的问题!
我正在使用require-jquery。
我想将DataJS库作为模块加载。它是一个独立的库，不依赖jQuery。
这是我的HTML文件start.htm的样子:
<html>
<head>
</head>
<body>
<script type="text/javascript" src="Scripts/Loader.js"></script>
</body>
</html>
这是Loader.js文件的样子:
(function (window, undefined) {
var script = document.createElement('script');
script.async = true;
script.src = "scripts/require-jquery.js";
var entry = document.getElementsByTagName('script')[0];
entry.parentNode.insertBefore(script, entry);
script.onload = script.onreadystatechange = function () {
var rdyState = script.readyState;
if (!rdyState || /complete|loaded/.test(script.readyState)) {
require([
"jquery",
"scripts/datajs-1.1.0"
],
function (jQueryHandle, odata) {
alert(odata);
});
script.onload = null;
script.onreadystatechange = null;
}
};
})(window);
这是我的文件结构:
Project
|
|----- start.htm
|
|----- Scripts
|
|----- datajs-1.1.0.js
|
|----- require-jquery.js
|
|----- loader.js
我认为datajs库支持AMD，因为这是该库的外观:
(function (window, undefined) {
var datajs = window.datajs || {};
var odata = window.OData || {};
// AMD support
if (typeof define === 'function' && define.amd) {
define('datajs', datajs);
define('OData', odata);
} else {
window.datajs = datajs;
window.OData = odata;
}
/* -------------------- */
})(this);
我究竟做错了什么？
最佳答案
使用requirejs我有以下代码:
<script type="text/javascript" src="0.1/Clientscripts/requirejs/2.1.11/require.js"></script>
<script type="text/javascript">
requirejs.config({
'baseUrl': '0.1/Clientscripts/',
'paths': {
'datajs':'datajs/1.1.2/datajs.min',
'OData':'datajs/1.1.2/datajs.min'
},
'shim': {
'OData':['datajs']
}
});
</script>
在我自己的模块中，我这样做:
define(['datajs','OData'], function (datajs,OData) {
console.log(datajs);
console.log(OData);
console.log(OData.read);
}
这里可以访问datajs和OData对象。
我个人认为，到同一个文件有多个“路径”条目有点尴尬。
如果您能说:它将更加干净。
'paths': { 'datajs':'path/to/datajs',...
//and then
require(['datajs/core','datajs/OData'],...
但话又说回来..没有什么是完美的:)