Как правильно кодировать angular с ES6 для этого класса с помощью веб-пакета?

У меня есть файл index.js здесь:

const angular = require('angular');
const ngModule = angular.module('app', []);

require('./directives')(ngModule);

Я получаю эту ошибку:

Uncaught TypeError: __webpack_require__(...) is not a function

Как правильно изменить это?

require('./directives')(ngModule);

Изначально у меня были установлены только babel-loader и babel-core, но, похоже, это не сработало. Затем я включил babel-presets-es2015, но получил ту же ошибку, что и выше. Каков правильный способ сделать это?

Мой раздел загрузчиков модулей моей конфигурации веб-пакета имеет:

   loaders: [
      {
        test: /\.js$/,
        loader: 'babel',
        exclude: /node_modules/,
        query: {
          presets: ['es2015']
        }
      }
    ]

Если я покончу с es2015, у меня будут ошибки, как у меня может быть не тот загрузчик.

Сейчас у меня есть директивы... У меня есть каталог "директивы" с:

index.js

export default ngModule => {
  require('./testdirect')(ngModule)
};

testdirect.js

export default ngModule => {
  ngModule.directive('testDirect', () => {
    return {
      restrict: 'E',
      scope: {},
      templateUrl: 'directives/testDirect.html',
      controllerAs: 'vm',
      controller: function() {
        const vm = this;
        vm.greeting = "Hello Webpack";
      }
    }
  });
}