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

标签 css eclipse debugging sass

我的 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 的元素的问题,只有在它是编译文件的情况下才是问题。

最佳答案

解决了问题...

需要向 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!

关于css - Eclipse CSS 调试 w/Sass 不加载更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50822795/

相关文章:

html - 表格中的文本换行,填充剩余宽度中间列

html - 使用搜索和下拉按钮实现导航栏?

java - Egit 使 Luna 非常慢,性能问题

iphone - 如何调试或查看USB被占用的iOS设备的NSLog输出?

c - 无法从循环内的标准输入读取

javascript - 根据图像标题的搜索输入过滤图像

javascript - Bootstrap collapsible 第一次后不工作

eclipse - 使用 svn 意外恢复

android - 如何将 SDK 示例项目复制到工作区中?

eclipse - 如何在 Eclipse 中调试 Lift 应用程序?