Импорт стороннего файла JS в компонент Angular

Я пытаюсь импортировать этот плагин DataTable Jquery в Angular 5 (я включаю оба скрипта после загрузки JQuery и Bootstrap)

"https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js" "https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.min.js"

Но я продолжаю получать эту ошибку:

ОШИБКА TypeError: __WEBPACK_IMPORTED_MODULEangular-cli.jsonjquery_dist_jquery___default(...)(...).DataTable не является функцией

Я добавил зависимости в angular-cli.json:

"scripts": [
        "../node_modules/jquery/dist/jquery.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js",
        "../3rdParty/data-tables/js/jquery.dataTables.min.js",
        "../3rdParty/data-tables/js/dataTables.bootstrap.min.js"
      ],

и в моем файле component.ts я импортирую jquery и плагин

import $ from 'jquery/dist/jquery';
import * as dt1 from '../../../../../3rdParty/jquery.dataTables.min';
import * as dt2 from '../../../../../3rdParty/dataTables.bootstrap.min';