angular-cli:如何添加外部库(jquery,bootstrap)

时间:2016-09-20 05:00:52

标签: angular npm angular-cli

目前我必须这样做:

  • 安装本地库npm install bootstrapnpm install jquery
  • 创建文件夹src\assets
  • 复制node_modules \ bootstrap和node_modules \ jquery
  • 中的所有文件

在index.html中

<script src="assets/jquery/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">

有更好的方法吗?

1 个答案:

答案 0 :(得分:1)

阅读本文,您将理解:

https://github.com/angular/angular-cli#3rd-party-library-installation

基本上,您只需将其添加到scripts文件(angular-cli.json)中的apps[0]媒体资源中。

"scripts": [
  "../node_modules/jquery/dist/jquery.js",
  "../node_modules/tether/dist/js/tether.js",
  "../node_modules/bootstrap/dist/js/bootstrap.js"
]