Added webpack in the demos.

Author: Dimitar Tachev

demo-angular/app/vendor-platform.android.ts

@@ -9,8 +9,15 @@
 // placed here needs to be careful about its dependencies.
 
 require("application");
-require("ui/frame");
-require("ui/frame/activity");
+if (!global["__snapshot"]) {
+    // In case snapshot generation is enabled these modules will get into the bundle
+    // but will not be required/evaluated.
+    // The snapshot webpack plugin will add them to the tns-java-classes.js bundle file.
+    // This way, they will be evaluated on app start as early as possible.
+
+    require("ui/frame");
+    require("ui/frame/activity");
+}
 
 if (global.TNS_WEBPACK) {
     global.__requireOverride = function (name, dir) {

demo-angular/package.json

@@ -4,7 +4,7 @@
   "readme": "NativeScript Application",
   "repository": "<fill-your-repository-here>",
   "nativescript": {
-    "id": "org.nativescript.CameraTestAngular",
+    "id": "org.nativescript.demo.angular",
     "tns-ios": {
       "version": "3.1.0"
     },
@@ -18,8 +18,8 @@
     "ns-bundle": "ns-bundle",
     "publish-ios-bundle": "npm run ns-bundle --ios --publish-app",
     "generate-android-snapshot": "generate-android-snapshot --targetArchs arm,arm64,ia32 --install",
-    "start-android-bundle": "npm run ns-bundle --android --start-app",
-    "start-ios-bundle": "npm run ns-bundle --ios --start-app",
+    "start-android-bundle": "npm run ns-bundle --android --run-app",
+    "start-ios-bundle": "npm run ns-bundle --ios --run-app",
     "build-android-bundle": "npm run ns-bundle --android --build-app",
     "build-ios-bundle": "npm run ns-bundle --ios --build-app"
   },
@@ -43,21 +43,23 @@
   },
   "devDependencies": {
     "@angular/compiler-cli": "~4.0.0",
-    "@ngtools/webpack": "1.2.13",
+    "@ngtools/webpack": "~1.6.0",
     "babel-traverse": "6.23.1",
     "babel-types": "6.23.0",
     "babylon": "6.16.1",
-    "copy-webpack-plugin": "^3.0.1",
-    "extract-text-webpack-plugin": "~2.0.0-beta.4",
+    "copy-webpack-plugin": "~4.0.1",
+    "extract-text-webpack-plugin": "~3.0.0",
     "lazy": "1.0.11",
     "nativescript-css-loader": "~0.26.0",
     "nativescript-dev-typescript": "~0.4.0",
-    "nativescript-dev-webpack": "^0.3.7",
+    "nativescript-dev-webpack": "^0.8.0",
+    "nativescript-worker-loader": "~0.8.1",
     "raw-loader": "~0.5.1",
-    "resolve-url-loader": "~1.6.0",
+    "resolve-url-loader": "~2.1.0",
     "tslint": "^5.0.0",
-    "typescript": "~2.2.1",
-    "webpack": "2.2.0",
-    "webpack-sources": "~0.1.3"
+    "typescript": "~2.3.4",
+    "webpack": "~3.2.0",
+    "webpack-bundle-analyzer": "^2.8.2",
+    "webpack-sources": "~1.0.1"
   }
 }

demo-angular/tsconfig.aot.json

@@ -1,5 +1,5 @@
 {
-  "extend": "./tsconfig",
+  "extends": "./tsconfig",
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {

demo-angular/tsconfig.json

@@ -10,6 +10,9 @@
             "es6",
             "dom",
             "es2015.iterable"
+        ],
+        "typeRoots": [
+            "../node_modules/@types"
         ]
     },
     "exclude": [

demo/app/vendor-platform.android.ts

@@ -0,0 +1,9 @@
+require("application");
+if (!global["__snapshot"]) {
+    // In case snapshot generation is enabled these modules will get into the bundle
+    // but will not be required/evaluated.
+    // The snapshot webpack plugin will add them to the tns-java-classes.js bundle file.
+    // This way, they will be evaluated on app start as early as possible.
+    require("ui/frame");
+    require("ui/frame/activity");
+}

demo/app/vendor-platform.ios.ts

@@ -0,0 +1,3 @@
+require("./vendor-platform");
+
+require("bundle-entry-points");

demo/app/vendor.ts

@@ -4,7 +4,7 @@
   "readme": "NativeScript Application",
   "repository": "<fill-your-repository-here>",
   "nativescript": {
-    "id": "org.nativescript.CameraTest",
+    "id": "org.nativescript.demo",
     "tns-ios": {
       "version": "3.1.0"
     },
@@ -18,22 +18,33 @@
     "ns-bundle": "ns-bundle",
     "publish-ios-bundle": "npm run ns-bundle --ios --publish-app",
     "generate-android-snapshot": "generate-android-snapshot --targetArchs arm,arm64,ia32 --install",
-    "start-android-bundle": "npm run ns-bundle --android --run-app --uglify --snapshot",
-    "start-ios-bundle": "npm run ns-bundle --ios --run-app --uglify",
-    "build-android-bundle": "npm run ns-bundle --android --build-app --uglify --snapshot",
-    "build-ios-bundle": "npm run ns-bundle --ios --build-app --uglify"
+    "start-android-bundle": "npm run ns-bundle --android --run-app",
+    "start-ios-bundle": "npm run ns-bundle --ios --run-app",
+    "build-android-bundle": "npm run ns-bundle --android --build-app",
+    "build-ios-bundle": "npm run ns-bundle --ios --build-app"
   },
   "dependencies": {
     "nativescript-camera": "../src",
     "tns-core-modules": "3.1.0"
   },
   "devDependencies": {
+    "awesome-typescript-loader": "~3.1.3",
     "babel-traverse": "6.15.0",
     "babel-types": "6.15.0",
     "babylon": "6.9.1",
+    "copy-webpack-plugin": "~4.0.1",
+    "extract-text-webpack-plugin": "~3.0.0",
     "lazy": "1.0.11",
+    "nativescript-css-loader": "~0.26.0",
     "nativescript-dev-typescript": "^0.4.2",
+    "nativescript-dev-webpack": "^0.8.0",
+    "nativescript-worker-loader": "~0.8.1",
+    "raw-loader": "~0.5.1",
+    "resolve-url-loader": "~2.1.0",
     "tslint": "^5.0.0",
-    "typescript": "~2.2.2"
+    "typescript": "~2.2.2",
+    "webpack": "~3.2.0",
+    "webpack-bundle-analyzer": "^2.8.2",
+    "webpack-sources": "~1.0.1"
   }
 }