在 ionic serve/cordova 运行 android 命令后，Ionic CSS 更改不会持久

Posted 2023-05-06

【中文标题】在 ionic serve/cordova 运行 android 命令后，Ionic CSS 更改不会持久

【英文标题】：Ionic CSS changes are not persistent when after ionic serve / cordova run android commands

【发布时间】：2018-03-15 06:15:10

【问题描述】：

我正在 Ionic 版本 3.9.2 上为 android 平板电脑开发应用程序。我正在使用 Visual Studio Code 在 Windows 10 下工作。

在我的 plaform 文件夹中，我只有一个设备：我的物理 Android 设备。

我修复一些 CSS 细节的方法是我简单地启动一个 ionic serve 命令，找到我的 html 元素，并更新位于 www/build 文件夹中的 main.css 文件（我没有使用 SCSS）。

在我决定检查我的 android 平板电脑上的一切是否正常之前，这一切正常：我将启动 cordova run android，然后所有 CSS 更改都会丢失 - 即使我返回浏览器并启动新的ionic serve.

请注意，我说的是非常基本的样式，例如颜色和字体大小，而不是特定于平台的样式。

我不确定这种行为是由于目标设备本身造成的；看起来更改将成功包含在我的测试平台上，直到我决定更改平台，然后新平台将删除我的更改，因为它正在接管构建过程。

这可能吗？

也许我应该停止在这两个命令之间切换？

或者也许我应该同时编辑两个 CSS 文件（www/build/main.css 和 platform/android/assets/www/build/main.css），这需要更多的工作？

任何帮助表示赞赏。

【问题讨论】：

听起来您正在寻找 gulp 来查看您的 CSS 文件的更改。您还可以通过按住SHIFT 并单击刷新图标来强制刷新 CSS 更改。

您不应该编辑这两个 css 文件中的任何一个，因为它们是在您运行构建命令时生成的，这就是您的更改丢失的原因。所有开发都发生在src 文件夹中。您应该阅读一些基本教程来熟悉混合应用开发。

【参考方案1】：

哦，当然，我不应该编辑这个 CSS 文件。 而是在 SRC 文件夹中编辑正确的 SCSS 文件。

感谢您的回答。