Ionic 2 缺少 ionic.css 文件答案

【问题标题】：Ionic 2 missing ionic.css fileIonic 2 缺少 ionic.css 文件
【发布时间】：2017-02-17 00:22:16
【问题描述】：

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

【问题讨论】：

标签： ionic-framework ionic2

【解决方案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。

【讨论】：

所有这些文件都在那里。我说的是 www/lib/ionic 中一个被大量使用的 css 文件。看起来像一个来自 ionic 的库。我想知道在 ionic 2 中是否有类似的东西。基本上我正在尝试使用所有旧的 ionic 样式，因此我不必自己设计所有样式。但这是一个庞大的文件，我不想在 ionic 1 和 ionic 2 之间出现某种碰撞情况。
你有什么发现吗？我现在也在想同样的事情

【解决方案2】：

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

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

【讨论】：