我正在尝试创建一个可通过AMD、Common.js和全局范围访问的函数。我的一个警告是,它有依赖性。Require.js和全局作用域似乎运行良好,但我无法在Node.js.中加载依赖项
(function(global, factory) {
// Node.js
if (typeof exports === 'object' && typeof module !== 'undefined') {
moment = require('moment');
return module.exports = factory();
}
// require.js
else if (typeof define === 'function' && define.amd) {
return define(['moment'], function(moment) {
global.moment = moment;
return factory();
});
}
// global
else {
return global.formatDate = factory();
}
})(this, function() {
var formatDate = function(date, format) {
if (typeof moment !== 'function' && !moment) {
console.error('moment is required to format date')
return date;
}
return moment(date).format(format);
};
return formatDate;
});
与其将依赖项公开为全局项,不如将它们作为参数传递给工厂。
例如:
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
define([ 'module', 'moment' ], function (module, moment) {
module.exports = factory(moment);
});
} else if (typeof module === 'object') {
module.exports = factory(require('moment'));
} else {
root.formatDate = factory(root.moment);
}
}(this, function (moment) {
}));
查看通用模块定义(UMD)配方https://github.com/umdjs/umd
如果有人感兴趣,下面是我最终得到的:
(function(root, factory) {
// AMD (require.js)
if (typeof define === 'function' && define.amd) {
return define(['moment'], factory);
// CommonJS (Node.js)
} else if (typeof module === 'object' && module.exports) {
return module.exports = factory(require('moment'));
// Browser Globals
} else {
return root.formatDate = factory(root.moment);
}
})(this, function(moment) {
var formatDate = function(date, format) {
return date.format(format);
};
return formatDate;
});
我引用了@Ates Goral 提到的通用模块定义returnExports