css - 使用 Chrome DevTools 编辑 SCSS 在 Ionic 项目中不起作用

问题描述

对于 web 项目，我总是使用 Chrome DevTools 在本地修改页面的 CSS 而无需重新加载。似乎这在我的 ionic4 项目中不起作用，仅使用 ionic serve 为页面提供服务。我可以在 devtools 的 Sources -> Page 部分看到我想要编辑的源文件，但是当我在这里进行修改时，我看不到实时页面中的更改。

见下图：

在开发工具中，我想更改#play-pause，可以说添加更大的边距，例如 margin-top: 20px。如果我在 Chrome DevTools 中编辑它，我看不到任何变化。但是，如果我转到我的 IDE，在那里进行相同的 CSS 更改并保存，那么 ionic dev 服务器将自动重新启动并且 CSS 更改将生效。

如果有人有任何线索或尝试的东西，请告诉我，谢谢！

标签： cssionic-frameworksassgoogle-chrome-devtoolsionic4

css - 使用 Chrome DevTools 编辑 SCSS 在 Ionic 项目中不起作用

问题描述

解决方案

推荐阅读