Skip to content

axross/angular-boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

angular-boilerplate

MEANスタック向きなboilerplateです。

  • Angular 1.3.x
    • ngAnimate 1.3.x
    • ngTouch 1.3.x
    • ng-ui-router 0.2.11
    • ngMock 1.3.x
  • async 0.9.x
  • lodash 2.4.x
  • gulp 3.8.x
    • gulp-less 2.0.x
    • gulp-autoprefixer 2.0.x
    • gulp-csso 0.2.9
    • gulp-webpack 1.1.x
    • gulp-uglify 1.0.x
  • karma 0.12.x
  • mocha 2.0.x
  • power-assert 0.10.x

Installation

npm install
npm run build

npm run buildは以下の作業を行います :

  • Common JSスタイルで書かれたJavascriptをブラウザで実行可能な形にコンパイルします。
  • lessをCSSにコンパイルします。

Development

npm run watch

npm run watchはWebサーバーを起動するとともに、ファイルの監視を行います。

Javascriptまたはlessファイルの変更時、以下の作業を行います :

  • Common JSスタイルで書かれたJavascriptをブラウザで実行可能な形にコンパイルします。
  • lessをCSSにコンパイルします。
  • Webサーバーにアプリケーションの変更を通知し、ブラウザをリロードさせます。
npm run tdd

npm run tddはKarmaをsingleRun: falseで起動します。

Karmaは/public/dist/bundle.js/public/tests/**/*.spec.jsのファイルの変更を監視し、変更があるたびにテストを実行します。

テストはKarmamochapower-assert (with espowerify)を用いて行われ、*.spec.jsファイルにはCommon JSスタイルのrequireが利用できます。

Production

NODE_ENV=production npm run [task]

すべてのnpm runタスクにおいて、NODE_ENV=productionを環境変数として指定して実行すると、それはProduction用のものに置き換わります。

例として、NODE_ENV=production npm run buildでは、以下のように変わります。

  • Common JSスタイルで書かれたJavascriptをブラウザで実行可能な形にコンパイルし、uglifyします。
  • lessをCSSにコンパイルし、minifyします。

About

MEANスタック向きなboilerplate

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published