Webpack Import: Asp.net Core 2 Angular 5 w/ angular-bootstra

Hi,

I am trying to understand why after multiple failed attempts, I am unable to import angular-bootstrap-md into the vendor.js.

Github link: https://github.com/MKendall4094/TestMakerFreeApp

download it, npm install

Afterwards, in the webpack.config.vendor.js add the to the nonTreeShakableModules 'angular-bootstrap-md'.

Run powershell in the root folder, run this command: node node_modules/webpack/bin/webpack.js --config webpack.config.vendor.js

ERROR in dll vendor
Module not found: Error: Can't resolve 'angular-bootstrap-md' in 'C:ProjectsTestMakerFreeTestMakerFreeWebApp'
@ dll vendor

I suspect the issue is that webpack is looking for a dist or src directory within the node_module folder itself and therefore is unable to import correctly.

Regards,

Mike

EDIT: #1

I have tested using the tsconfig.json located in the node_modules folder for angular-bootstrap-md.

Created the a outDir : "./dist"

Add reference to the dist in webpack:

const nonTreeShakableModules = [
 'chart.js',
 'hammerjs',
 'angular-bootstrap-md/dist',
 'angular-bootstrap-md/scss/bootstrap/bootstrap.scss',
 'angular-bootstrap-md/scss/mdb-free.scss',
 'font-awesome/scss/font-awesome.scss',
 'es6-promise',
 'es6-shim',
 'event-source-polyfill',
 'jquery'
];

Receive Errors:

ERROR in ./node_modules/angular-bootstrap-md/dist/index.js
Module not found: Error: Can't resolve './buttons' in 'C:\GitHubProjects\TestMakerFreeApp\TestMakerFreeWebApp\node_m
odules\angular-bootstrap-md\dist'
@ ./node_modules/angular-bootstrap-md/dist/index.js 9:0-42
@ dll vendor

Any thoughts?

EDIT #2

Bueller