Can't Extend SlimScrollDirective

[Daniel Dicks]

Since NgSlimScrollModule is the import, there is no direct way to access SlimScrollDirective. I am trying to create a directive that extends SlimScrollDirective so I can set global scroll options and a few other things too.
Importing SlimScrollDirective from 'ngx-slimscroll/src/ngx-slimscroll/directives/slimscroll.directive' Results in this error
Module parse failed: C:.....\node_modules\ngx-slimscroll\directives\slimscroll.directive.ts
Unexpected character '@' (10:0)
You may need an appropriate loader to handle this file type.
| import 'rxjs/add/operator/map';
|
| @Directive({
| selector: '[slimScroll]',
| exportAs: 'slimScroll'