Question

例如：我在 www / lib / ionic / css / ionic.css 文件中更改了这一行：

background-color: #f39200;

但总是我运行离子库更新此行更改为旧版本：

background-color: #11c1f3;

为什么？

Answer 1

编译ionic.css文件时，您的ionic.scss文件被覆盖。您的目录应该如下：

...
resources/
scss/
    ionic.app.scss
www/
   css/
      style.css
   lib/
      css/
         ionic.css
      scss/
         ionic.scss
...

您需要做的就是在style.css内编辑此类样式。 ionic.css直接从ionic.scss编译，因此每次保存时都会被覆盖。如果您只想使用纯CSS，请确保在style.css内编写所有样式。

如果您想使用SASS，请在scss/ionic.app.scss内写下您的样式并运行gulp sass。

在开头构建的index.html在某种程度上解释了这一点：

<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->

当我运行ionic lib update时，我的ionic.css总是会覆盖，为什么？

1 个答案: