为 sass 修改导入文件时，rails 中不符合样式

Posted 2023-03-06

【中文标题】为 sass 修改导入文件时，rails 中不符合样式

【英文标题】：Style not complied in rails when modifying imported files for sass

【发布时间】：2015-11-29 16:15:50

【问题描述】：

我在 rails 项目中组织了如下样式。

|-样式表 |--样式 |----file1.scss |----file2.scss |-application.css.scss |-main.scss

在我的 application.css.scss 文件中，我配置为仅提取 main.scss 文件，这样我就可以在内部的其他 scss 文件中全局使用 sass mixins 和变量样式文件夹

*= 需要自己 *= 需要主要的

我使用 main.scss 文件来使用 @import 规则从样式文件夹中导入 scss 文件，例如

@import "styles/file1.scss"@import "styles/file2.scss"@import "styles/file3 .scss" 等等……

所以 ma​​in.scss 文件只包含导入

这有助于我在 scss 文件中使用 scss mixins 和变量。

问题是每当我更改样式文件夹中的文件或在 main 中导入的任何其他文件时，资产都不会重建。资产管道仅查找 main.scss 文件中所做的更改，而不是导入的文件。所以我必须在 main.scss 中进行更改，例如添加或删除空格并保存以重建/重新编译 scss 文件。

谁能告诉我解决方法。当任何包含的 scss 文件发生更改时，我希望能够重新编译/重建资产。

提前致谢。

PS：我是 Rails 新手

【参考方案1】：

尝试安装https://github.com/guard/guard-livereload

尝试安装https://github.com/guard/guard-livereload

【讨论】：

不幸的是，这不是我想要的。我希望在修改包含的文件时编译我的 main.scss 文件。因此在包含的文件中所做的更改会生成正确的 css。