css - 需要哪些设置来确保 CSS/SCSS 的更改在开发过程中动态发生？

Question

使用 Rails 4。

在开发中，每次更改 CSS/SCSS 文件时，我都必须发出:

rails assets:clobber

然后重新启动我的服务器以使更改生效。显然，这是缓慢且令人沮丧的。

在 development.rb 中，我设置了:

  config.serve_static_files = false
  config.assets.raise_runtime_errors = true
  config.assets.digest = false
  config.assets.debug = true
  config.assets.compile = true

纠正此问题的尝试未成功。

我的 application.scss 文件使用 @import 而不是 require，如果这有区别的话:

/*
*= require_self
*/
@import 'reset';
@import 'scaffolds';
@import 'dataTables/extras/dataTables.responsive';
@import 'dataTables/bootstrap/3/jquery.dataTables.bootstrap';
@import 'font-awesome-sprockets';
@import 'font-awesome';
/*
 *= require_tree .
*/
@import '_bootstrap-sprockets';
@import 'bootstrap';
@import 'kc.scss';

我知道可能存在重复并且需要进行一些调整，但对于我当前的问题来说即使这样也很困难，所以我需要先解决它。

感谢您的帮助。

Answer 1

在 config/environments/development.rb 中，设置:

config.assets.debug = true

页面刷新将加载新 Assets 。但是，页面加载会非常慢，因此您可能只想在实际更改 Assets 时设置它。

我删除了所有其他选项。我假设其中一个导致了一些预编译和加载固定 Assets 的冲突。