我们希望在使用angular-cli 1.0.0-beta.5 (w/ node v6.1.0)生成的应用中使用bootstrap 4 (4.0.0-alpha.2)。
在使用npm获得bootstrap及其依赖项之后,我们的第一个方法是将它们添加到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
中消失了(令人惊讶!)。
在使用-cli ?生成的项目中,我们打算如何处理这样的场景(例如加载引导脚本)
我们有以下想法,但我们真的不知道该走哪条路……
ng build -prod
之后将成为dist/vendor
的availablesrc/system-config.ts
中添加了jquery、bootstrap和tether,并以某种方式将它们拉入我们的main.ts
捆绑包中?但考虑到我们不会在应用程序的代码中显式地使用它们(例如,不像moment.js或lodash之类的东西),这似乎是错误的。https://stackoverflow.com/questions/37649164
复制相似问题