有没有办法创建一个支持以下所有module格式的 javascript 微型库（一个没有依赖项的库）：
- 异步module定义
- 通用JS
- 将库的导出公开为全局命名空间对象（无加载器）
同时支持 CommonJS 和 AMD
IT技术
javascript
amd
commonjs
2021-03-02 18:08:40
6个回答
是的，我把这个答案归功于ded和他很棒的module：
(function(name, definition) {
if (typeof module != 'undefined') module.exports = definition();
else if (typeof define == 'function' && typeof define.amd == 'object') define(definition);
else this[name] = definition();
}('mod', function() {
//This is the code you would normally have inside define() or add to module.exports
return {
sayHi: function(name) {
console.log('Hi ' + name + '!');
}
};
}));
然后可以使用它：
在 AMD 中（例如使用 requireJS）：
requirejs(['mod'], function(mod) { mod.sayHi('Marc'); });在 commonJS（例如 nodeJS）中：
var mod = require('./mod'); mod.sayHi('Marc');全局（例如在 HTML 中）：
<script src="mod.js"></script> <script>mod.sayHi('Marc');</script>
这种方法需要得到更多的宣传 - 如果 jQuery 和 co. 开始使用它的生活会容易得多！
我怀疑您正在寻找的是他们所谓的“ commonjsStrict.js ”
uRequire，通用module和资源转换器就是这样做的工具。
它主要将AMD和CommonJS转换为UMD/AMD/CommonJS/Plain script（不需要AMD加载器）。
它允许module的声明性导出，并带有
noConflict()烘焙。它可以在您构建module时操作module（注入/替换/删除依赖项或代码）。
它从 coffeescript、coco、Livescript、icedCoffeescript 转换而来，您可以在一个衬垫中添加自己的转换！
只是为了更新一点关于@marc 的答案，我也感谢 ded 并对其进行了一些更新以提供最新的更新：
(function (name, definition, context, dependencies) {
if (typeof context['module'] !== 'undefined' && context['module']['exports']) { if (dependencies && context['require']) { for (var i = 0; i < dependencies.length; i++) context[dependencies[i]] = context['require'](dependencies[i]); } context['module']['exports'] = definition.apply(context); }
else if (typeof context['define'] !== 'undefined' && context['define'] === 'function' && context['define']['amd']) { define(name, (dependencies || []), definition); }
else { context[name] = definition(); }
})('events', function () {
// Insert code here
return {
sayHi: function(name) {
console.log('Hi ' + name + '!');
}
};
}, (this || {}));
最后的对象是对父作用域或当前作用域的引用，假设您有一个正在编写的包，这只是馅饼的一部分，上下文可能是一个命名空间对象，这只是一个一块馅饼。
此外，如果您希望拥有依赖项，则在您的作用域后面有一个支持数组的可选参数，在这种情况下，定义参数可以将每个依赖项用作参数。此外，为方便起见，node-js 平台中将需要数组中列出的依赖项。
有关真实示例，请参见：https : //gist.github.com/Nijikokun/5192472。
我已经解决了这个确切的问题并设法轻松支持：
- Dojo AMD（参考 RequireJS 规范）
- jQuery（在 $/jQuery.fn.[your_library_here] 下）
- node.js 使用 vanilla require('path_to.js')
- 浏览器窗口。[your_library_here]
它结合使用依赖注入和 IIFE 来完成工作。
见下文：
/*global jQuery:false, window:false */
// # A method of loading a basic library in AMD, Node.JS require(), jQuery and Javascript's plain old window namespace.
(function(exporterFunction) {
exporterFunction('cll',
function(a,b) {
return a+b;
}
);
})(
(function() { // Gets an exportFunction to normalize Node / Dojo / jQuery / window.*
if ((typeof module != 'undefined') && (module.exports)) { // Node Module
return function(library_name,what_was_exported) {
module.exports = what_was_exported;
return;
};
}
if (typeof define != 'undefined' && define.hasOwnProperty('amd') && define.amd) { // Dojo AMD
return function(library_name,what_was_exported) {
define(function() {
return what_was_exported;
});
};
}
if (typeof jQuery === 'function') { // jQuery Plugin
return function(library_name,source) {
jQuery.fn[library_name] = source;
return;
};
}
if (typeof window != 'undefined') { // Fall down to attaching to window...
return function(library_name,what_was_exported) {
window[library_name] = what_was_exported;
};
}
})(),
(function() {
// ## Other Parameters Here
// You could add parameters to the wrapping function, to include extra
// functionalilty which is dependant upon the environment... See
// https://github.com/forbesmyester/me_map_reduce for ideas.
return 'this_could_be_more_arguments_to_the_main_function';
})()
);