webpack-starter | A basic starter config for webpack spas | Build Tool library

I've been banging my head to setup React app without create-react-app. But the only issue I'm facing all the time is this-

I cloned this Webpack Starter package through github using gitbash following a tutorial on pluralsight. I am trying to access webpack through Visual Studio Code's integrated terminal but i get the following error. I am new to this so kindly help me on this.

I am running a command

I am using Angular-Cli and I have updated all of my package.json using the ncu tool. Now when I do a npm start (webpack-dev-server --port 4200 --config config/webpack.dev.js --open --progress --profile --watch --content-base src/), webpack hangs at

webpack: wait until bundle finished: /

Is it possible to isolate the package causing the problem? I tried using display-error-details flag but it says it isnt recognized. I dont think it will help even if it is set. There is no error thrown, just asks you to wait indefinitely.

on Sentry documentation thera are instructions to integrate sentry with Angular2 CLI, but there is a lack of instructions to integrate sentry with Angrular2-webpack-starter. How to do it properly?

Please see the edit below

I have used the following package as a base for my VS Project -> https://github.com/AngularClass/angular2-webpack-starter

Everything worked nicely in Visual Studio code, I then tried to convert it to a Visual Studio 2017 Project (node.js web)

Now some problems appeared

VS seems to install TypeScript definitions into a special folder C:\Users\MyUser\AppData\Local\Microsoft\TypeScript\node_modules\@types

Additionally I included @types/node in my package.json which resulted in the appropriate node_modules folder.

now VS complains with error code TS4090 (Conflicting defintions for 'node').

Is there a possibility apart from deleting the folder in \AppData to tell VS which @types it should use?

The whole integration of TypeScript isn't really clear to me... Does MSBuild recognize an existing tsconfig.json? or would I have to configure it in in the project-file as seen here?

EDIT

I just noticed that I was actually editing a .js file. As soon as I changed the extension to .ts every warning and error vanished. I also got many typescript errors (like TS2307, can't find module '@angular/core') before changing the extension from .js to .ts

The file just did an import (from node)

Our project structure follows this: Angular2-webpack-starter.

Our project successfully compiles, build and can be seen in the browser. No problems here.

But when we try to run the test cases using karma and jasmine we are getting this error.

Trying to start webpack dev server on Ubuntu.

Tried npm install --no-optional

thinkpad-x220:~/Documents/Projects/javascript/webpack-starter$ npm run dev npm ERR! Linux 4.15.0-50-generic npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "dev" npm ERR! node v8.10.0 npm ERR! npm v3.5.2

npm ERR! missing script: dev npm ERR! npm ERR! If you need help, you may report this error at: npm ERR! https://github.com/npm/npm/issues

npm ERR! Please include the following file with any support request: npm ERR! /home/joeenter code here/Documents/Projects/javascript/webpack-starter/npm-debug.log thinkpad-x220:~/Documents/Projects/javascript/webpack-starter$

I'm tinkering with the tree shaking example from the webpack document. But it seems that tree shaking doesn't work once I add babel-loader to the mix. Here is an overview of my project:

index.js:

During my experience in angular I was forced to use four different ways of include 3-rd party library poliglot.js (for multilang).

So to be able use new Polyglot(...) in my Lang class: