javascript - Angular webpack ui-bootstrap 不引入 css

Question

所以我正在使用 Webpack 制作一个 Angular 应用程序，并且我想引入 Bootstrap 来进行样式设置。

我使用 npm install angular-ui-bootstrap --save-dev 安装了“ui-bootstrap” ，然后我将其导入 app.js ，并将其作为依赖项传递给 angular.module('myapp', [dependencies....]) 。这很有效，我获得了 Bootstrap 元素的 javascript 功能。例如切换按钮工作正常。

但是，没有样式。该按钮的样式与常规 html 按钮相同。

所以，我尝试对 bootstrap 做同样的事情与 npm 一起。这给了我一个错误，说 jquery 未定义(我使用的是 vanilla js)，所以我尝试使用 npm 获取 Jquery，但这仍然给我一个错误，说 Jquery 未定义。

使用 webpack 时获取 angular-ui-bootrap 功能和样式的正确过程是什么？

Answer 1

解决方案:

仅从 bootstrap 导入 css 模块

无需在 Angular 模块中注入(inject)任何 Bootstrap 元素，因为 Bootstrap 没有任何 Angular 组件。但是，请注入(inject) angular-ui-bootstrap。