export $stateProvider - webpack

[messmar]

Folgendes:

webpack 2.x
Angular 1
npm.

im die Entry Datei: "app.js" importiere ich mit require function von node die anderen JavaScript Dateien (service, controller, config etc.)

'use strict';

import angular from 'angular';
import uirouter from '@uirouter/core';

angular.module('profileApp', []);

require('./config/config.js');
require('./controller/profileMainCtrl.js');
....

in config.js verwende ich den built-in service: "$stateProvider":

'use strict';

 module.exports =
 angular.module('profileApp').config(['$stateProvider',
   function($stateProvider) {
       $stateProvider
           .state('profile', {
              cache: false,
              url:            '/profile/:id',
              templateUrl:    '../templates/profile/file1.jsp',
              controller:     'mainCtrl'
           })

           .state('userData', {
              url:            '/userData/:id',
              templateUrl:    '../templates/profile/file2.jsp',
              controller:     'detailsCtrl'
           })
           ....
           ....

 }]);

Nachm Aufruf der Seite im Browser erhalte ich folgende Fehlermeldung:

app.bundle.js:8901 Uncaught Error: [$injector:modulerr] Failed to instantiate module profileApp due to: Error: [$injector:unpr] Unknown provider: $stateProvider

app.bundle.js ist die final generierte Datei von webpack und die ist in der index.jsp eingebettet.

Hat Jemand eine Idee, wie man den Angular Built-In Service an die app.js via require weitergeben kann?
Oder muss man es in der webpack config Datei (webpack.config.js) definieren?

Danke!
Messmar