/angular-frontplate

[WIP]angular2 starter kit with frontplate-cli

Primary LanguageCSSMIT LicenseMIT

frontplate

angular2 starter kit with frontplate-cli

This template is still beta.

Dependence

Get Started

準備

Get Started

frontplate-cliをインストールします。

npm i frontplate-cli -g
npm i
npm start

全体をビルド

すべてのファイルをビルドします。開発を始める前に必ず一度はビルドしましょう。

npm run build

ファイル監視の実行 & サーバー起動

以下のコマンドを実行するとブラウザで開発中のページが開きます。この状態でCSSやJSを修正するとユニットテストやLintも同時に実行され、ブラウザが自動的に更新されます。

# srcディレクトリを監視
npm run serve

リリースファイル作成

ひと通りの開発が完了した時点で、リリース用のファイルを作成します。 productionタスクではJSとCSSのソースマップが出力されなくなり、高度に圧縮されます。

npm run production

productionモードでサーバーを起動して確認するためには上のコマンド実行後に次のコマンドを実行します。

npm run serve:prod

依存関係の表示

npm run map

ToDo

  • カバレッジを取る仕組み

Dependencies documentation

このテンプレートはfrontplate-cliがベースになっています。

詳細なドキュメントはCLIのドキュメントを参照してください。

frontplate-cli