Ionic2-如何为页面组件导入css文件

我必须导入一些驻留在node_模块内的样式表（来自node_模块的bootstrap.css等）。 我试过了

• 在@Page中添加样式URL
• 将样式放入页面组件文件夹内的.scss文件中
• 最后通过创建新的样式标记将样式放入模板文件本身。。。所有这些都没有运气，即所需的样式没有应用到具有适当类的标记上

如何做到这一点

请注意：我已经在app.core.scs中为我的组件导入了scs页面。 无论如何，我认为将bootstrap.min.css放在页面scss中不是一个好主意 好办法

---

在app/themes/app.core.scss中添加此行，然后重新生成。当然，更改您的页面表达式。

添加上述导入在我于2016年10月25日安装的最新版本的Ionic2（ionic-version=2.1.4）中似乎不起作用。新创建的项目中不再有

app.core.scss

文件。而只是

src/app/theme

中的

variables.scss

在

src/app

中有一个文件

app.scss

，上面说它用于全局SASS和导入其他文件，但是为另一个页面添加导入似乎没有什么区别

我有一个页面

/src/app/pages/about

，其中我有

about.ts

，它有

样式URL:['about.scss']

。文件

about.scss

位于同一目录中。把

@import./pages/about/about“

；在该文件的底部没有区别

更新：

我终于在关于.ts的

中使用了它：

styleURL:['/pages/about/about.scss']

我不确定这是否是最好的方法，但它目前仍然有效。
这可能有帮助，也可能没有帮助，但如果您将样式添加到.scss文件中，您仍然需要通过@import decorator将该文件导入app.core.scss。Ionic将在构建项目时使用app.core.scss和导入其中的所有.scss文件。但是它们必须被导入如果你谈论应用于整个应用程序的全局样式来自node_模块，你只想将它们作为常规样式表包含在index.html中。你不想这样做有什么原因吗？你文章开头的“这”一词是指什么？那么你应该记住，这是一个问答网站，不是一个论坛。答案是根据分数排序的。如果你的答案得分更高，它会首先出现，然后，对任何阅读它的人来说，“这个”毫无意义。因此，请你的答案，并添加一个链接到你提到的帖子，正如我所做的。非常感谢。你真是一个救世主。我搜索了一整天，但找不到这条线和任何提到这一变化的医生。
@import "../pages/yourpage/yourpage"