需要哪些设置才能确保 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

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

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

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

What settings are required to ensure that changes to CSS / SCSS occur dynamically in development?

css

ruby-on-rails

asset-pipeline

assets