RequireJS：テンプレートとCSSを含むモジュールのロード

AMD/RequireJSで遊んだ後は、テンプレートやCSSを含むUIモジュールを読み込んで、Webページから完全に独立しているかどうかを知りたいのですか？

それは良いのように聞こえるが、私はこれが野生で実装されているのを見ていないので、落とし穴があるかもしれない。

次の構造のUIモジュールを考えてみましょう。

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

1つのフォルダ内のすべてのもの。非常にいいですね。

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

今質問は次のとおりです：

1. 何か不足していますか？
2. これを「標準的な」方法で達成するためのプラグイン/コンセプトはありますか？
3. RequireJSオプティマイザは、ここでCSS部分を扱うことができますか、JS部分と同様にスタイルシートを連結/縮小することができますか？
4. それに関する意見はありますか？良いか悪い？