fix: fix bundling of the demo app

Author: Dimitar Tachev

demo-angular/app/home/home.component.ts

@@ -2,7 +2,7 @@ import * as bgHttp from "nativescript-background-http";
 import { Component } from "@angular/core";
 import { isIOS } from "platform";
 import { ObservableArray } from "data/observable-array";
-import * as fs from "tns-core-modules/file-system";
+import * as fs from "file-system";
 
 @Component({
     selector: "Home",

demo-angular/app/vendor.ts

@@ -18,3 +18,4 @@ require("@angular/router");
 require("nativescript-angular/platform-static");
 require("nativescript-angular/forms");
 require("nativescript-angular/router");
+require("nativescript-background-http");

demo/app/app.ts

@@ -6,7 +6,6 @@ purpose of the file is to pass control to the app’s first module.
 
 import "./bundle-config";
 import * as app from "application";
-
 app.run({ moduleName: "app-root" });
 
 /*

demo/app/bundle-config.ts

@@ -1,9 +1,9 @@
-if ((global).TNS_WEBPACK) {
+if (global.TNS_WEBPACK) {
     // Register tns-core-modules UI framework modules
     require("bundle-entry-points");
 
     // Register application modules
     // This will register each `root`, `page`, `fragment` postfixed xml, css, js, ts, scss file in the app/ folder
-    const context = require.context("~/", true, /(root|page|fragment)\.(xml|css|js|ts|scss)$/);
+    const context = require.context("~/", true, /(root|page|fragment)\.(xml|css|js|ts|scss|less|sass)$/);
     global.registerWebpackModules(context);
-}
+}

demo/app/home/home-view-model.ts

@@ -3,6 +3,7 @@ import { isIOS } from "platform";
 import { Observable } from 'data/observable';
 import { ObservableArray } from "data/observable-array";
 import * as app from "application";
+import * as fs from "file-system";
 
 export class HomeViewModel extends Observable {
     tasks: ObservableArray<bghttp.Task>;
@@ -18,7 +19,7 @@ export class HomeViewModel extends Observable {
         this.tasks = new ObservableArray<bghttp.Task>();
         this.events = new ObservableArray();
         this.counter = 0;
-        this.file = __dirname + "/bigpic.jpg";
+        this.file = fs.path.normalize(fs.knownFolders.currentApp().path + "/home/bigpic.jpg");;
         if (isIOS) {
             // NOTE: This works for emulator. Real device will need other address.
             this.url = "http://localhost:8080";

demo/app/vendor.ts

@@ -8,3 +8,4 @@ application.loadAppCss();
 require("./vendor-platform");
 
 require("bundle-entry-points");
+require("nativescript-background-http");

demo/package.json

@@ -28,7 +28,7 @@
     "extract-text-webpack-plugin": "~3.0.2",
     "lazy": "1.0.11",
     "nativescript-dev-typescript": "~0.7.0",
-    "nativescript-dev-webpack": "~0.10.0",
+    "nativescript-dev-webpack": "^0.11.0",
     "nativescript-worker-loader": "~0.8.1",
     "raw-loader": "~0.5.1",
     "resolve-url-loader": "~2.2.1",

demo/webpack.config.js

@@ -17,8 +17,10 @@ module.exports = env => {
 
     const platforms = ["ios", "android"];
     const projectRoot = __dirname;
+    nsWebpack.loadAdditionalPlugins({ projectDir: projectRoot });
+
     // Default destination inside platforms/<platform>/...
-    const dist = resolve(projectRoot, nsWebpack.getAppPath(platform));
+    const dist = resolve(projectRoot, nsWebpack.getAppPath(platform, projectRoot));
     const appResourcesPlatformDir = platform === "android" ? "Android" : "iOS";
 
     const {