Wir möchten Bootstrap 4 (4.0.0-alpha.2) in unserer App verwenden, die mit angle-cli 1.0.0-beta.5 (w / node v6.1.0) erstellt wurde.

achdem wir Bootstrap und seine Abhängigkeiten mit npm erhalten hatten, bestand unser erster Ansatz darin, sie in @ hinzuzufügeangular-cli-build.js:

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

und importiere sie in unserindex.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>

Dies hat gut funktioniert mitng serve aber sobald wir einen Build mit @ erstellt hab-prod flag all diese Abhängigkeiten sind aus @ verschwunddist/vendor (Überraschung !)

Wie sollen wir mit einem solchen Szenario (d. H. Laden von Bootstrap-Skripten) in einem mit angle-cli generierten Projekt umgehen?

Wir hatten die folgenden Gedanken, aber wir wissen nicht wirklich, welchen Weg wir gehen sollen ...

CDN verwenden? Wir würden diese Dateien jedoch eher bereitstellen, um zu gewährleisten, dass sie verfügbar sind.

copy Abhängigkeiten zudist/vendor nach unseremng build -prod? Aber das scheint etwas zu sein, das Angular-Cli bereitstellen sollte, da es sich um den Build-Teil kümmert?

adding jquery, bootstrap und tether in src / system-config.ts und ziehen sie irgendwie in unser bundle in main.ts? Aber das schien falsch zu sein, da wir sie nicht explizit im Code unserer Anwendung verwenden werden (im Gegensatz zu moment.js oder etwas wie lodash zum Beispiel)