Ionic2 - 如何为页面组件导入 css 文件
Ionic2 - How to import css files for a page component
我必须导入一些驻留在 node_modules 中的样式表（bootstrap.css 来自 node_modules，等等）。
我试过
- 在@Page 中添加 styleUrls，
- 将样式放入页面组件文件夹内的 .scss 文件中，
- 最后通过创建新的样式标签将样式放入模板文件本身......所有这些都没有运气，即所需的样式没有应用到具有适当 类.[=20= 的标签上]
如何操作？
PN: I had imported the page scss for my components in app.core.scs.
Anyways, I think putting bootstrap.min.css inside page scss is not a
good way
@import "../pages/yourpage/yourpage"
在app/themes/app.core.scss中添加这一行并重建。当然改变你的页面表达式。
在我于 2016 年 10 月 25 日安装的最新版本的 Ionic2 (ionic -version = 2.1.4) 中添加上述导入似乎不起作用。新创建的项目中不再有 app.core.scss 文件。而只是 variables.scss 在 src/app/theme.
src/app 中有一个文件 app.scss 说它用于全局 SASS 并导入其他文件，但是为另一个页面添加导入似乎没有什么不同。
我有一个页面 /src/app/pages/about，其中 about.ts 有 styleUrls: ['about.scss']。文件 about.scss 位于同一目录中。放 @import "../pages/about/about";在该文件的底部没有区别。
更新：
我终于在 about.ts 中使用它：
styleUrls: ['/pages/about/about.scss']
我不确定这是否是最好的方法，但目前可以使用。
我必须导入一些驻留在 node_modules 中的样式表（bootstrap.css 来自 node_modules，等等）。 我试过
- 在@Page 中添加 styleUrls，
- 将样式放入页面组件文件夹内的 .scss 文件中，
- 最后通过创建新的样式标签将样式放入模板文件本身......所有这些都没有运气，即所需的样式没有应用到具有适当 类.[=20= 的标签上]
如何操作？
PN: I had imported the page scss for my components in app.core.scs. Anyways, I think putting bootstrap.min.css inside page scss is not a good way
@import "../pages/yourpage/yourpage"
在app/themes/app.core.scss中添加这一行并重建。当然改变你的页面表达式。
在我于 2016 年 10 月 25 日安装的最新版本的 Ionic2 (ionic -version = 2.1.4) 中添加上述导入似乎不起作用。新创建的项目中不再有 app.core.scss 文件。而只是 variables.scss 在 src/app/theme.
src/app 中有一个文件 app.scss 说它用于全局 SASS 并导入其他文件，但是为另一个页面添加导入似乎没有什么不同。
我有一个页面 /src/app/pages/about，其中 about.ts 有 styleUrls: ['about.scss']。文件 about.scss 位于同一目录中。放 @import "../pages/about/about";在该文件的底部没有区别。
更新：
我终于在 about.ts 中使用它：
styleUrls: ['/pages/about/about.scss']
我不确定这是否是最好的方法，但目前可以使用。