// require('./app.scss');

// import AppController from './app.controller';

function AppDirective(): ng.IDirective {
  return {
    restrict: 'E',
    scope: {},
    controllerAs: 'vm',
    // controller: AppController,
    controller: () => {},
    // template: require('./app.html')
    template: '<div>this is a test</div>'
  }
}

angular
  .module('myApp')
  .directive('appDirective', AppDirective);

export default class AppController {

  public static $inject = ['$scope'];

  constructor(private $scope) {

  }
}

<div>
  THIS IS A TEST, REMAIN CALM
</div>

Uncaught TypeError: Cannot read property 'call' of undefined__webpack_require__ @ bootstrap 9163605…:50
webpackJsonp.152 @ app.ts:2__webpack_require__ @ bootstrap 9163605…:50
webpackJsonp.153 @ main.browser.ts:1__webpack_require__ @ bootstrap 9163605…:50
webpackJsonp.0 @ main.bundle.js:7__webpack_require__ @ bootstrap 9163605…:50

modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

{
        test: /.ts$/,
        loader: 'awesome-typescript-loader',
        exclude: [/.(spec|e2e).ts$/]
      },

      {
        test: /.scss$/,
        loader: 'style-loader!css-loader!sass-loader'
      },

      {
        test: /.html$/,
        loader: 'raw-loader',
        exclude: [helpers.root('src/index.html')]
      },

new webpack.optimize.CommonsChunkPlugin({
      name: helpers.reverse(['polyfills', 'vendor', 'main']),
      // minChunks: Infinity
    }),

new webpack.optimize.CommonsChunkPlugin({
  names: ['polyfills', 'vendor', 'main'],
  minChunks: 2
}),

new webpack.optimize.CommonsChunkPlugin({
  names: ['polyfills', 'vendor', 'main'],
  minChunks: 2
}),