我在 Reverie Foundation WP 上编写我的投资组合 WordPress 网站入门主题。编辑文件(html/php/scss 文件)时,我在 Reverie 子主题中这样做(尽管 Reverie 主主题文件夹与我的子主题位于同一区域)。
为了启动“监视”过程,我在下面(分别)使用了两者:
compass watch
或
sass --watch scss:css
我有一个问题。编辑 _settings.scss 时(例如,更改网站宽度):
$row-width: rem-calc(1000); to $row-width: rem-calc(1140);
我的命令行说:
Changes detected to: scss/_settings.scss
write css/app.css
write css/style.css
但我网站的前端没有任何变化(在这种情况下,使网站容器变宽)。
这适用于我在 _settings.scss 中编辑或进行的任何更改。
奇怪的是,如果我在 style.scss 中并添加普通的 css 样式或添加 SASS 变量和 minxins,它会起作用并且会显示更改!但是当我编辑 _settings.scss 时,没有任何改变!
有人知道为什么会这样吗?将不胜感激!
编辑 - 我试过清除和删除隐藏的 sass-cache 文件夹,但没有用!
我也通过 Xampp 通过本地主机运行它。
最佳答案
当您使用 compass 命令时,您应该在根元素上运行该命令。你的 config.rb 在哪里。例如你的路径 scss 是:
d:/project/demo/scss/style.scss
如果你的 config.rb 在 demo 文件夹中,首先你用 CMD 进入 demo 文件夹,然后运行 compass 命令。注意你的 css 文件夹 pass 必须添加到 config.rb
Compass watch 和 compass compile 的区别: 当您更改 SCSS 文件时,Compass watch steel 正在将您的 SCSS 编译为 CSS,但当您输入 compass compile 时,它只是为那些编译。
关于css - 我的 SCSS 文件不再编译为 CSS。我该如何解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28269201/