@airyland

• 构建之后模块ID会变成0-z的单个字符。
• 一个页面只能有一个入口模块，减少了复杂度，这样更加的纯粹。

@fish 挺好的。CommonJS 在浏览器端开发有哪些小不足？

• 无法完美调试，在某些浏览器下无法正确显示脚本路径，甚至丢失断点。
• 需要额外包装一层，虽然有加载器自动包裹。
• cude 里用到了 node_modules 里面的模块？会不会造成混淆和误解？

前后端虽然都用了 JS，但还是不必趋同，以目前的情形来看。前端用 webstorm 写一个 cmd 模块，也不差写一个 define。个人拙见。

@airyland 嗯，是的，毕竟没有适应所有情况的加载器。coolie 尽可能做的更好更多更快，前提是做的事情足够纯粹，而不是各种别名或捷径。更加严谨的约束，对模块开发来说，势必会更加顺畅。

@leapon coolie ，这个名字有什么不好吗？

@leapon 哈哈，就是因为这个而取名的。coolie（苦力），模块加载器本身就是一个苦力，把所有模块集合到一起。

@xiaojue

在写 coolie 的时候也参考了你的脚本，不过有一处提取 require 的正则不是很完善。

var jsRequireRegExp = /[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g;
'/** require("abc"); **/'.match(jsRequireRegExp);

@xiaojue 嗯，我表述有误，贴的代码对你造成了误解，其实我想表达的意思是，有注释的时候，你的正则匹配是错的：

var commentRegExp = /(\/\*([\s\S]*?)\*\/|([^:]|^)\/\/(.*)$)/mg;
var jsRequireRegExp = /[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g;
'var reg1 = /\\/*/;var abc = require("abc");/*comment*/'.replace(commentRegExp, '').match(jsRequireRegExp);

@xiaojue 为什么有2个反斜杠？因为在字符串里的反斜杠是需要反斜杠转义的。实际代码为：

var reg1 = /\/*/;
var abc = require("abc");
/*commets*/

两个正则搭配起来去取依赖： 1、先去注释，结果为：

"var reg1 = /\"

2、提取依赖，显而易见无法提取依赖了。

一开头说的是提取依赖的正则有问题，可能有些喧宾夺主了，其根源是去除注释有问题。

这方面，不凡借鉴下 seajs，它提取依赖的正则暂时是没有发现问题的，并且也不需要事先去删除注释。 而你说，你的项目暂时没有遇到，不过上述情况是会出现的。

例如：https://github.com/madrobby/zepto/blob/master/src/ajax.js#L225-L296， 高亮区域就形成了一个符合注释正则的非注释区域。简要如下：

"setHeader('Accept', mime || '*/*')\n\n\n$.get = function(/* url, data, success, dataType */){".match(commentRegExp)

@yakczh

var css = require('css!./path/to/some.css');
var html = require('html!./path/to/some.html');
var text = require('text!./path/to/some.txt');
var js = require('./path/to/some.js');

@yakczh

• Q 路径写死了，以后重构怎么办？

• A 重构的话，牵扯到路径都很麻烦，这是无法避免的，因为这些路径都是物理路径，不是逻辑的。

• Q 加载了some.css，为什么页面没效果？

• A 模块加载器只加载不渲染，你要对使 CSS 生效，必须自己插入到 DOM 里。

例：

/**
 * 添加样式
 * @param {String} styleText 样式内容
 *
 * @example
 * modification.importStyle('body{padding: 10px;}');
 */
importStyle: function (styleText) {
    var style = this.create('style');

    styleText = String(styleText);

    this.insert(style, head, 'beforeend');

    // IE
    if (style.styleSheet !== undefined) {

        // 此 BUG 仅影响 IE8（含） 以下浏览器
        // http://support.microsoft.com/kb/262161
        // if (document.getElementsByTagName('style').length > 31) {
        //     throw new Error('Exceed the maximal count of style tags in IE')
        // }

        style.styleSheet.cssText += styleText;
    }
    // W3C
    else {
        style.appendChild(this.create('#text', styleText));
    }
}

详细点这里