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

Мы хотим использовать загрузчик 4 (4.0.0-alpha.2) в нашем приложении, созданном с помощью angular-cli 1.0.0-beta.5 (w / node v6.1.0).

После получения начальной загрузки и ее зависимостей с помощью 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.ts и каким-то образом вытянуть их в наш пакет в main.ts? Но это казалось неправильным, учитывая, что мы не собираемся явно использовать их в коде нашего приложения (в отличие от moment.js или чего-то подобного lodash, например)

Ответы на вопрос(27)

Ваш ответ на вопрос