Idle.js | Javascript activity library for the browser | Frontend Framework library

I am have some issues resetting my timer when no longer idle. I am using Vue Idle for this, which is a wrapper for idle.js.

So I have a modal with the id timeout-modal. When Vue Idle triggers the idle function, I call showWarningMessage.

Within this function, I first display my modal. I then create a timer which my modal uses to do a countdown. So this all works fine.

I am trying to move our angular.js builds from gulp to webpack. I already did a successful bundle with vendor libs but I am getting the problems with angular.js modules.

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: Error: [$injector:modulerr] Failed to instantiate module app.product due to: Error: [$injector:nomod] Module 'app.product' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

How should I import them so they would be picked by webpack?

webpack.config.js

I am getting very frustrated. I am trying to have static resources on my web application (css, js, etc). I prefer to have it in it's own servlet in a pretty and acceptable way but at this point I dont care how it looks as long as it works. I have tried many different ways but I am back to trying to use a resource mapping in the todo-servlet.xml and have been trying to access the resources this way. I will include some code. Any help would be great.

Error