RequreJS: 加载包括模板和 CSS 的模块

在使用了 AMD/RequreJS 之后，我想知道加载包括模板和 CSS 的 UI 模块是否是一个好主意，这样它们就完全独立于网页了。

这听起来不错，但是我还没有看到这个在野外实现，所以可能会有陷阱。

设想一些具有以下结构的 UI 模块:

myWidget
|--img
|--main.js
|--styles.css
+--template.tpl

所有的东西都放在一个文件夹里，看起来很不错。

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);
}
}
}
});

现在的问题是:

1. 我错过了什么吗？
2. 是否有任何插件/概念如何实现这一“标准”的方式？
3. RequreJS 优化器是否能够像处理 JS 部分那样处理 CSS 部分，比如 concat/minify 样式表？
4. 有什么意见吗? 好的还是坏的？