albatrosary's blog

UI/UXとエンタープライズシステム

systemjs - Yeoman Advent Calendar 2015

systemjs を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月8日の記事です。

www.npmjs.com

SystemJSはモジュールローダー、jspmはSystemJSのパッケージマネージャ、この辺りを見る

jspm.io - Frictionless Browser Package Management

github.com

構成

  • Angular1
  • React / ngReact
  • ES6(babel)

インストール

$ npm install -g generator-systemjs
$ mkdir SampleApp && cd $_
$ yo systemjs

実行

$ gulp

http://localhost:9000でブラウザを開くとTodosが表示される。

f:id:albatrosary:20151207174118p:plain

最後に

何と言っても興味を引くのは

  • SystemJS関連の綺麗な環境を提供してくれる
  • React/ngReact

今度ngReactについては別途調べる。最近SystemJSみたいなの流行ってるからこのジェネレータはいいかもしれない。