将css文件导入组件

By simon at 2018-02-28 • 0人收藏 • 56人看过

我正在使用ngx-bootstrap,我需要将一个css文件导入到我的组件中, 喜欢这个:

从node_modules / ngx-bootstr加载它ap / datepicker / bs-datepicker.css通过 像Angular CLI这样的软件包捆绑软件,如果你使用的话。 (这是组件的文档)。 我不知道如何通过包打包器加载bs-datepicker.css。 我所尝试的是:   *在我的组件上,我尝试过加载: styleUrls: ['node_modules/ngx-bootstrap/datepicker/bs-datepicker.css'] (没有成功,没有找到)。 该文件位于以下目录中: C:\DEV\senai-5s-webapp\node_modules\ngx-bootstrap\datepicker\bs-datepicker.css

2 个回复 | 最后更新于 2018-02-28
2018-02-28   #1

在您的.angular-cli.json文件中,修改style属性以添加css文件 除了你的其他风格(你应该已经有styles.css默认)

"styles": [
  "styles.css",
  "../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css"
],

2018-02-28   #2

其实你可以在这里把它们导入你的.angular-cli.json

  "styles": [
        "../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css,
         ...
      ],

登录后方可回帖

Loading...