刷新页面时未显示 Sass 更改答案

【问题标题】：Sass changes not showing up when page refreshed刷新页面时未显示 Sass 更改
【发布时间】：2015-06-17 15:16:20
【问题描述】：

我的 Rails 4.2 现在使用了许多 Sass 变量，它从依赖 sprockets require 语句切换到 Sass @import 语句。它现在有 2 个问题正在开发中：

我该如何解决这个问题？

application.css：

*= require_self
*= require main.scss

main.scss：

@import "bootstrap";
@import "base/variables.scss";

@import "styles/home.scss";
@import "styles/pages.scss";
//remaining CSS pages

_home.scss：

/* various styles, no import statement */

_variables.scss：

$color-red: #F23C3A;
//...

【问题讨论】：

【解决方案1】：

我会考虑删除 Sass 导入的文件扩展名，并将 application.css 重命名为 application.scss，以便文件知道它将预编译 Sass 为 CSS。

应用程序.scss

@import "main";

main.scss

@import "base/variables";
@import "styles/home";
@import "styles/pages";

如果您使用Bootstrap Sass，他们的文档会逐步设置您的文件结构以将 Sass 包含在您的项目中。

【讨论】：

【解决方案2】：

在您的 config/environments/development.rb 中，确保它包含

config.cache_classes = false

这样，每次刷新页面时都会重新加载所有资产和代码。您通常只需要在迁移后重新加载服务器。

【讨论】：