Add option to build for production

Author: ssarkisy

.angular-cli.json

@@ -19,6 +19,11 @@
       "testTsconfig": "tsconfig.spec.json",
       "prefix": "app",
       "styles": [
+        "../node_modules/normalize.css/normalize.css",
+        "../node_modules/font-awesome/css/font-awesome.min.css",
+        "../node_modules/primeng/resources/primeng.min.css",
+        "../node_modules/primeng/resources/themes/omega/theme.css",
+        "../node_modules/ngx-toastr/toastr.css",
         "sass/styles.scss"
       ],
       "scripts": [],

README.md

@@ -26,7 +26,7 @@ To use the latest release, go to ‘Releases’ tab of this repository. Download
 ## Build from source
 To build application from source you need to install **Node.js** with **npm** package manager.
 Then, use following command inside source directory to install all the dependencies: `npm install`
-After that, use `npm run build` to build the application. Result application will be placed in `dist` directory.
+After that, use `npm run build` to build the application in development mode or `npm run build-prod` to build the application for production. Result application will be placed in `dist` directory.
 
 ## Config
 **Important**

package.json

@@ -6,6 +6,7 @@
     "ng": "ng",
     "start": "ng serve --aot",
     "build": "ng build --aot --base-href=/wf-a/index.csp",
+    "build-prod": "ng build --aot --base-href=/wf-a/index.csp --prod",
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e"

src/app/app.component.html

@@ -9,7 +9,7 @@
 <footer class="app-footer">
   <div class="ui-g container">
     <div class="ui-g-4"></div>
-    <div class="ui-g-4" style="text-align: center">Current version: 0.4.2.92</div>
+    <div class="ui-g-4" style="text-align: center">Current version: 0.4.3.95</div>
     <div class="ui-g-4" style="text-align: center">Built with Angular 5 and PrimeNG</div>
   </div>
 </footer>

src/app/app.component.css renamed to src/app/app.component.scss

@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
   title = 'app';

src/app/app.component.ts

@@ -1,9 +1,3 @@
-@import "~normalize.css";
-@import "../../node_modules/font-awesome/css/font-awesome.min.css";
-@import "../../node_modules/primeng/resources/primeng.min.css";
-@import "../../node_modules/primeng/resources/themes/omega/theme.css";
-@import "~ngx-toastr/toastr.css";
-
 html, body {
   font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
 }