ng-annotate-loader | Webpack loader to annotate angular applications | Frontend Framework library

I'm working on an Angular.js project written with TypeScript. We're trying to evaluate whether to upgrade to Angular 8 and we're stuck with how to use ng-annotate with angular-cli's webpack configuration.

I believe that this can be achieved either by using the @angular-builders/custom-webpack tool or by using ngx-build-plus tool but I had not succeeded with neither of them.

My current attempt includes a partial webpack file for ngx-build-plus with the following configuration :

Recently I have updated my webpack 1 with webpack@4.39.1 where as per Webpack documentation module.loaders is replaced by module.rules and I'm using the same in webpack.config.js file but still I'm getting following error: [1] "loaders" is required [2] "rules" is not allowed

My webpack.config looks like this:

I have tried removing entire node_modules folder and fresh npm install so that old webpack is no longer available also I verified global node_modules but webpack is not installed globally.

I've tried to get custom data injected into our .html template using this loader without any success. We've been able to successfully build our assets and have them injected, however, the ability to pass in dynamic data has not worked. Looking at the examples provided in this repo, I don't see how options.title is passed into the template.

I'm using this starter kit, which is quite simple with this plugin: https://github.com/AngularClass/NG6-starter

Here are the versions of the relevant dependencies:

I've managed to process the majority of my icons within a large application but there are still two use cases which don't get caught.

• Dynamic paths used within angular templates
  

• Paths used as varibled within components that are passed to angular templates

i.e something along the lines of

Hello I want to use webpack with express and webpack-dev-middleware and hot module replacement. I am getting the message below but the browser wont refresh no matter what.

I have been stuck on this for days so if anyone can help me that would be amazing. I m supplying my server and webpack config file. Thank you very much in advance.

[HMR] connected

app.bundle-26838b.js:1 [HMR] bundle rebuilt in 61968ms

I am getting this but the browser doesn't refresh.

server.js

I was working on a project, and everything was going good, until I did npm install.

Then, Webpack throws the following error:

I'm using webpack 4 (4.6.0), I don't use the json-loader as it is my understanding that webpack handle this by default now.

When I'm working locally (I'm using serve from browser-sync to create a local dev-server), and I modified a JSON file wrongly (the JSON is not formatted correctly after my hcange), webpack exit with an error (instead of just telling me that there is an error on the json file and continue when I fix it).

Anyone experienced this issue (and knows how to solve it)?

This is the error I'm getting:

I'm having problems with bundle my app using webpack, I've reading in the site similar problems though I've trying all the recommendations and I can't figure it out what's wrong.

Everything bundles well. However when I open the browser show me this error:
Uncaught ReferenceError: require is not defined