- changed a little the folder structure

- fixed build script
- added dist folder with latest build

Author: Vlad Sternbach

README.md

@@ -47,7 +47,6 @@ Now browse to the app at `http://localhost:8080/`.
 
 ```
 src/                    --> all of the source files for the application
-  app.css               --> default stylesheet
   components/           --> all app specific modules
   services/                --> all app common services
   assets/                --> all of the app static assets
@@ -63,18 +62,8 @@ Typescript development is dependant on typings project, that need to be installe
 sudo npm install -g typings
 ```
 
-The angularjs-typescript-webpack project comes preconfigured with a local development webserver.  It is a webpack-dev-server, that supports hot reload.  You can start this webserver with `npm start`.
+The angularjs-typescript-webpack project comes preconfigured with a local development webserver. It is a webpack-dev-server, that supports hot reload.  You can start this webserver with `npm start`.
 
-### Running the App in Production
+### Building and running the App in Production
 
-This really depends on how complex your app is and the overall infrastructure of your system, but
-the general rule is that all you need in production are all the files under the `app/` directory.
-Everything else should be omitted.
-
-Angular apps are really just a bunch of static html, css and js files that just need to be hosted
-somewhere they can be accessed by browsers.
-
-If your Angular app is talking to the backend server via xhr or other means, you need to figure
-out what is the best way to host the static files to comply with the same origin policy if
-applicable. Usually this is done by hosting the files by the backend server or through
-reverse-proxying the backend server(s) and webserver(s).
+To build the application for production just run `npm bundle`, it creates dist directory that have the production optimized build.

package.json

@@ -1,14 +1,16 @@
 {
-  "name": "angular-seed",
+  "name": "angularjs-typescript-webpack",
   "private": true,
   "version": "0.0.0",
-  "description": "A starter project for AngularJS",
-  "repository": "https://github.com/angular/angular-seed",
+  "description": "Angularjs-typescript-webpack starter project",
+  "repository": "https://github.com/vsternbach/angularjs-typescript-webpack",
   "license": "MIT",
   "devDependencies": {
     "awesome-typescript-loader": "^0.17.0-rc.4",
+    "copyfiles": "^0.2.1",
     "css-loader": "^0.23.1",
     "node-sass": "^3.4.2",
+    "rimraf": "^2.5.2",
     "sass-loader": "^3.2.0",
     "style-loader": "^0.13.1",
     "ts-loader": "^0.8.1",
@@ -26,6 +28,6 @@
   "scripts": {
     "prestart": "npm install",
     "start": "webpack-dev-server --hot",
-    "bundle": "cp src/index.html dist/ & webpack -p ./dist/bundle.js"
+    "bundle": "rimraf dist & copyfiles -f src/index.html dist/ & copyfiles -f src/assets/* dist/assets & webpack -p ./dist/bundle.js"
   }
 }

src/assets/edit.svg

@@ -11,22 +11,13 @@ import components from './components/components.module';
 import './components/comment/comment.component';
 import './components/comment-list/comments.component';
 
-// configure the main module
-angular.module('app', [
-    'ngTagsInput',
-    'ngSanitize',
-    'ui.router',
-    services.name,
-    components.name
-])
-.config(function($urlRouterProvider, $stateProvider, tagsInputConfigProvider) {
+function appConfig ($urlRouterProvider, $stateProvider, tagsInputConfigProvider) {
     $urlRouterProvider.otherwise('/');
     $stateProvider
         .state('index', {
             url: '/',
             template: '<comments></comments>'
         });
-
     tagsInputConfigProvider
         .setDefaults('tagsInput', {
             placeholder: 'Search tags',
@@ -35,7 +26,18 @@ angular.module('app', [
         .setDefaults('autoComplete', {
             minLength: 1
         })
-});
+}
+appConfig.$inject = ['$urlRouterProvider', '$stateProvider', 'tagsInputConfigProvider'];
+
+// configure the main module
+angular.module('app', [
+    'ngTagsInput',
+    'ngSanitize',
+    'ui.router',
+    services.name,
+    components.name
+])
+.config(appConfig);
 
 // bootstrap angular
 angular.element(document).ready(() => {

src/mock.json src/assets/mock.json

@@ -10,7 +10,7 @@ export class Comments {
     }
 
     getComments() {
-        return this.$http.get('mock.json').then((response: {data: IComment[]}) => {
+        return this.$http.get('assets/mock.json').then((response: {data: IComment[]}) => {
             return response.data;
         });
     };