After reading this particular blog post (specifically for BS3), it suggests adding the following lines to the angular.cli.json file.
...
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
],
...
The issue arises when using a distribution like BS4 Alpha 6, where these specific files are not present. Instead, there are various individual files in the dist directory listed as:
alert.js
button.js
carousel.js
collapse.js
dropdown.js
modal.js
popover.js
scrollspy.js
tab.js
tooltip.js
util.js
Should each one of these files be linked individually? Is there a missing minified file that needs to be located somewhere else? I assumed that being in the dist meant using the production version.
Is there a completely different approach recommended? I am exploring the Angular CLI package to avoid using Gulp, Grunt, or Webpack. Is there a way to include, request, demand, or append these files (preferably minified) to my website?
For styles, I have simply imported what was needed from the dist like so:
@import "~bootstrap/dist/css/bootstrap.min.css";
However, I am a bit uncertain on how to manage the JavaScript files for Bootstrap.