Как добавить bootstrap в проект angular-cli

мы хотим использовать bootstrap 4 (4.0.0-alpha.2) в нашем приложении генерируется с помощью angular-cli 1.0.0-beta.5 (с узлом v6.1.0).

после получения bootstrap и его зависимостей с npm, наш первый подход состоял в добавлении их в angular-cli-build.js:

  'bootstrap/dist/**/*.min.+(js|css)',  

  'jquery/dist/jquery.min.+(js|map)',  

  'tether/dist/**/*.min.+(js|css)',

и импортировать их в нашем index.html

  <script src="vendor/jquery/dist/jquery.min.js"></script>

  <script src="vendor/tether/dist/js/tether.min.js"></script>

  <link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css">

  <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script>

он работает с ng serve но как только мы создали сборку с -prod флаг все эти зависимости исчезли из dist/vendor (сюрприз !).

как мы собираемся обрабатывать такой сценарий (т. е. загружать сценарии начальной загрузки) в проекте, созданном с помощью angular-cli ?

у нас были следующие мысли, но мы действительно не знаем, в какую сторону идти...

• использовать CDN ? но мы предпочли бы служить эти файлы, чтобы гарантировать, что они будут доступны




• "копировать" зависимости для dist/vendor после ng build -prod ? Но это похоже на что-то angular-cli должен обеспечить, так как он "заботится" о части сборки ?




• добавление jquery, bootstrap и tether в src / system-config.ТС и как-то тянуть их в нашу связку в основном.ТС ? Но это казалось неправильным, учитывая, что мы не будем явно использовать их в коде нашего приложения (в отличие от момента.JS или что-то вроде лодашь, например)