<分区>
在玩过 AMD/RequireJS 之后，我想知道加载包含模板和 CSS 的 UI 模块是否是个好主意，这样它们就完全独立于网页。
这听起来不错，但我还没有看到它在野外实现，所以可能存在缺陷。
考虑一些具有以下结构的 UI 模块:
myWidget
|--img
|--main.js
|--styles.css
+--template.tpl
所有内容都在一个文件夹中。看起来很不错。
main.js 中的模块看起来像这样:
define(["TemplateEngine", "text!myWidget/template.tpl"], function(TemplateEngine, template) {
// Load CSS (Pseudo Code)
var cssUrl = "myWidget/styles.css";
appendToHead(cssUrl);
return function() {
return {
render: function(data) {
return TemplateEngine.toHtml(template, data);
}
}
}
});
现在的问题是:
- 我是不是漏掉了什么？
- 是否有任何插件/概念如何以“标准”方式实现此目的？
- RequireJS 优化器是否能够在这里处理 CSS 部分，比如像处理 JS 部分那样连接/缩小样式表？
- 对此有何看法？好还是坏？