gulp-webserver | Streaming gulp plugin to run a local webserver | Frontend Framework library

I'm trying to use gulp-webserver with Docker but I cannot get web pages from the host system

I have this Docker file

Building a PWA on top of NodeJS. Utilizing gulp to processes package/bundle for production. Also using jQuery.

Receiving the error:

Uncaught ReferenceError: jQuery is not defined

package.json:

Here I have a watch task that will create my build directory according to my src. My build directory will contain two main sub directories named debug and release. Watch task will look inside of my src directory(my working directory) and will transfer appropriate format of files inside the src into both release and debug directories. Now I also have a webserver task using gulp-webserver(live reloading) package in order to watching my index.html file inside my debug directory. My problem is that each task works independently, but I don't know how run them simultaneously. Here is what I've tried but it didn't work(just one of them will be start). Let me know if further information is needed.

I have read every tutorial, stackoverflow question, discussion forum I can find on this topic and still cannot find a solution that works for me. I'm sure it's something simple I'm overlooking which is why I'm asking for help. here's my folder structure for reference.

• dist
  • css
  • img
  • js
  • index.html
• src
  • sass
  • img
  • js
  • index.html
• gulpfile.js
• package.json

browserSync will initialize correctly and show me the page in the browser. When I make a change to the html, css, or js files though, the terminal will tell me it's reloading the browser but then the browser never reloads. If i manually refresh the browser, then changes show correctly but browserSync is supposed to automatically refresh right?

Do i need to make some kind of return stream or .pipe(browserSync.stream()); at the end of my copy tasks?

I have two tasks in my tasks.json file, a build-task and a gulp task that uses gulp-typescript. The latter won't work, and I really don't understand why. They're both using the same tsconfig.json file.

The gulp-task ("tsc"), executes without errors, but does not generate the src/test.js file (outFile). I can't find it elsewhere in the folder-tree, either. The build task generates the file, tho.

Is there some version mismatch between typescript and gulp-typescript? There has been so many changes and Googling the "correct" way is very hard.

I was hoping gulp-typescript was just a transparent layer around typescript. Obviously, its not (it seems to have its own way of generating sourcemaps, etcetera. Some tsconfig.json settings seems to be ignored by gulp-typescript).

tasks.json:

I'm using npm -v =>3.10.10 and I want to run a new project (empty one) of Angular2.

If I write

npm isntall angular2 --save

I get this :

But after reading this answer which states :

You may need to manually install top-level modules that have unmet dependencies:

— I did this:

• npm isntall es6-shim@^0.35.0 --save
• npm isntall reflect-metadata@0.1.2 --save
• npm isntall rxjs@5.0.0-beta.6 --save
• npm isntall zone.js@^0.6.12 --save

So now I have this :

So now package.json looks like :

I have setup Angular2+webpack and NodeJs with backend.

Basic setup look like:

webpack.config.js: