angular-cli和bootstrap 4

前端之家收集整理的这篇文章主要介绍了angular-cli和bootstrap 4前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我用angular 2移动我的第一步,特别是我使用angular-cli官方工具来创建新项目.

我以这种方式创建了一个新项目

ng new [my-project-name]

该项目已正确创建.

之后我想安装bootstrap 4,然后按照angular-cli页面中的官方指南进行操作.

我用npm安装bootstrap:

npm install bootstrap@next

我在angular-cli.json中添加了这一行:

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

在app对象中.

当我构建应用程序并在服务器中使用:ng serve运行它

我没有在index.html中找到bootstrap css和javascript的参考.

我不明白是否在我的index.html中自动添加了此文件的导入,或者我需要手动添加它.

将脚本和样式条目添加到angular.cli.json文件时,它们将添加到全局范围.具体来说,它们被添加到scripts.bundle.js和styles.bundle.js中.没有必要将它们添加到index.html.停止并重新启动服务后,您应该好好去.为了更好的衡量,我在更改angular.cli.json后运行npm rebuild.
原文链接:https://www.f2er.com/angularjs/142338.html

猜你在找的Angularjs相关文章