所以我正在使用 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 功能和样式的正确过程是什么?
最佳答案
解决方案:
仅从 bootstrap 导入 css 模块
无需在 Angular 模块中注入(inject)任何 Bootstrap 元素,因为 Bootstrap 没有任何 Angular 组件。但是,请注入(inject) angular-ui-bootstrap。
关于javascript - Angular webpack ui-bootstrap 不引入 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38508374/