css - Eclipse CSS 调试 w/Sass 不加载更改

Question

我的 Eclipse 元素使用 Sass。在 Debug模式下运行时，sass:watch(根据 this article 配置)正确轮询 *.scss 文件的更改，将它们编译成 CSS 并将它们放在目标目录中。但是，这些更改未反射(reflect)在页面上，并且使用 Chrome 开发人员工具检查页面显示未选取新的 CSS。

使用另一个(仅 CSS)元素按预期工作:对 CSS 的任何更改都会复制到目标目录，并且刷新页面会反射(reflect)正确的更改。

我遇到了 a similar issue someone had using LESS .但是，与那种情况不同的是，即使直接更改 objective-c SS，更改也不会反射(reflect)在浏览器中。

我不可能是唯一在 Eclipse 中调试 Sass/CSS 的人，但我找不到关于这个问题的任何信息。

关于如何解决这个问题有什么想法吗？

编辑:SCSS 正在编译为 CSS 并复制到目标构建目录，但没有到运行代码的 Tomcat 部署中。正如我所说，这不是基于 CSS 的元素的问题，只有在它是编译文件的情况下才是问题。

Answer 1

解决了问题...

需要向 Eclipse 的 Web 部署程序集添加一个条目，以便 Eclipse 可以看到这个动态生成的文件夹并将其与元素相关联。

文件生成到 local_repo/target/branch_name 目录，其中 branch_name 是动态的，并且取决于您正在处理的分支；这使得我们无法在 Eclipse WDA 中为我们创建静态条目。

我们的解决方案是让 Maven (1) 在 local_repo/target 下创建一个 sass-generated/css 目录，然后 (2) 将 css 复制到 < em>branch_name/static 所属目录。

现在，在本地调试和运行 Sass Watch 时，会检测到 *.scss 文件的更改，编译为 css，并部署到 sass-generated/css 目录。由于此目录与 Eclipse WDA 中的元素相关联，因此 Eclipse 会看到更改并按预期将其部署到 Tomcat!