我正在尝试融入Bootstrap 3
我的Angular 2
项目。我有两个选择:
使用
npm install bootstrap --save
命令并将 Bootstrap 3 安装到我的项目中。使用基于 Angular 的 Angular 引导程序安装
npm install ngx-bootstrap --save
,并且不会有任何 jquery 依赖项。
这两种方法的主要区别是什么。哪一个更适合单页应用程序?
我正在尝试融入Bootstrap 3
我的Angular 2
项目。我有两个选择:
使用npm install bootstrap --save
命令并将 Bootstrap 3 安装到我的项目中。
使用基于 Angular 的 Angular 引导程序安装npm install ngx-bootstrap --save
,并且不会有任何 jquery 依赖项。
这两种方法的主要区别是什么。哪一个更适合单页应用程序?
ngx-bootstrap
带有开箱即用的预定义组件,可以直接在您的 Angular 应用程序中使用,同时bootstrap
是您需要自己构建组件的纯库
如果您喜欢重新发明轮子(又名灵活和 BYO),最好使用引导程序,但如果您喜欢易于使用的预制组件(您仍然可以参与并自己创建缺失或自定义的组件)
提示:ngx-bootstrap
因为 Bootstrap 4 的功能还不完整,所以缺少几个组件。不确定 Bootstrap 3 的覆盖范围。我们仍然选择使用 ngx-bootstrap,因为它为我们节省了一些时间。
简而言之,两者都很好
在一个项目中使用 Angular 和 Bootstrap 是很常见的,它们都有不同的用途。归根结底,考虑包括 js 和 css 来帮助 html,如果您可以管理这些依赖项,那么这是最重要的。您可以通过 npm、webpack 或自行管理。
其他人只能告诉你不要混合这些东西,这样你就不必运行 npm install、gulp update-dependecies 然后 grunt resolve 等任务来确保你的依赖文件被加载。我会说继续任何事情并享受发展而不是担心这些事情。