Ionic 2缺少ionic.css文件

Question

我正在创建一个新的Ionic应用程序，我需要从旧应用程序中提取大量样式。新的应用程序是ionic 2，旧的是ionic 1。ionic 1应用程序从lib/ionic/css/ionic.css中提取了很多样式。我在ionic 2应用程序中找不到类似的东西。我在哪里可以找到这个？我只需要把文件复制过来吗？ionic 2会有冲突问题吗？

Answer 1

css文件将位于主题文件夹app.core.scss下，您可以在其中定义文件夹路径。

例如,

-App
--Pages
---Login(folder inside pages)
----Login.html
----Login.js
----Login.scss
---MainPage(folder inside pages)
--Theme
---app.core.scss(inside theme folder)

并在app.core.scss中定义文件夹路径：

@import "../pages/Login/Login";

请注意，在ionic 2中css样式是分开的，但对于我的ionic 2版本，有一些相同的html ID css混淆的情况，因此对不同的页面使用不同的ID会更好。

Answer 2

你用什么样板模板来创建你的应用程序？文件夹和文件可能有不同的结构。但这个想法是，在不同的文件夹中会有一堆.scss文件，当你构建/提供应用程序时，这些文件应该编译成一个css文件。

例如，可能存在@Gene所指示的结构，或者主scss文件可能位于/app/app.scss和/ there /variables.scss中，而各个组件scss将位于组件目录中