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);
}
}
}
});
今質問は次のとおりです:
- 何か不足していますか?
- これを「標準的な」方法で達成するためのプラグイン/コンセプトはありますか?
- RequireJSオプティマイザは、ここでCSS部分を扱うことができますか、JS部分と同様にスタイルシートを連結/縮小することができますか?
- それに関する意見はありますか?良いか悪い?