为了账号安全,请及时绑定邮箱和手机立即绑定

如何将引导程序添加到angular-cli项目

如何将引导程序添加到angular-cli项目

心有法竹 2019-11-05 11:12:43
我们想在使用angular-cli 1.0.0-beta.5(w / node v6.1.0)生成的应用中使用引导程序4(4.0.0-alpha.2)。在使用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提供,因为它“照顾”了构建部分?在src / system-config.ts中添加jquery,bootstrap和tether,并以某种方式将它们拉入main.ts中的包中?但是考虑到我们不会在应用程序的代码中显式使用它们,这似乎是错误的(例如,不同于moment.js或类似lodash的东西)
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 492 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信