AngularJs, почему не может найти контроллер?

подключил вебпак и angular вылетает с ошибкой

Error: [$injector:unpr] Unknown provider: eProvider <- e <- phoneListCtrl

https://errors.angularjs.org/1.6.10/$injector/unpr?p0=eProvider%20%3C-%20e%20%3C-%20phoneListCtrl

Сам код html Shop Phone

    <noscript>
        You need to enable JavaScript to run this app.
    </noscript>
    <section class="app" ng-controller="phoneListCtrl">
        <header class="header">
            Список телефонов:
        </header>
        <ul class="list-phones">
            <li ng-repeat="phone in phones">
                {{phone.price}}
            </li>
        </ul>
    </section>
    <script src="./public/js/index.js"></script>
</body>
</html>
главный файл приложения
import phonesList from './sources/phones.js'
const app = angular.module('phoneShop', []);
app.controller('phoneListCtrl', function($scope) {
   $scope.phones = phonesList;
})

файл ./sources/phones.js
export default [
    {
        img: '/phone_def.jpg',
        name: 'IPhone 1',
        price: '10000 тыс. рублей'
    },
    {
        img: '/phone_def.jpg',
        name: 'IPhone 2',
        price: '20000 тыс. рублей'
    },
    {
        img: '/phone_def.jpg',
        name: 'IPhone 3',
        price: '30000 тыс. рублей'
    },
    {
        img: '/phone_def.jpg',
        name: 'IPhone 4',
        price: '40000 тыс. рублей'
    },
    {
        img: '/phone_def.jpg',
        name: 'IPhone 5',
        price: '50000 тыс. рублей'
    },
    {
        img: '/phone_def.jpg',
        name: 'IPhone 6',
        price: '60000 тыс. рублей'
    },
    {
        img: '/phone_def.jpg',
        name: 'IPhone 7',
        price: '70000 тыс. рублей'
    },
    {
        img: '/phone_def.jpg',
        name: 'IPhone 8',
        price: '80000 тыс. рублей'
    },
    {
        img: '/phone_def.jpg',
        name: 'IPhone 9',
        price: '90000 тыс. рублей'
    },
    {
        img: '/phone_def.jpg',
        name: 'IPhone 10',
        price: '100000 тыс. рублей'
    }
]
webpack
const path = require('path');
module.exports = {
    entry: './assets/js/index.js',
    output: {
        path: path.resolve(__dirname, 'public/js'),
        filename: 'index.js'
      }
};

package.json
{
  "name": "shop_angular",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": " webpack | webpack-dev-server --mode development --progress --hot --open",
    "build": "webpack --mode production --progress"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "lite-server": "^2.4.0",
    "babel-cli": "^6.26.0",
    "babel-preset-env": "^1.7.0",
    "webpack": "^4.16.1",
    "webpack-cli": "^3.1.0",
    "webpack-dev-server": "^3.1.4"
  }
}

Я так понимаю проблема webpack`a и как ее исправить ?