【发布时间】:2021-01-16 01:23:03
【问题描述】:
我有一个 Rails 6 应用程序,我偶尔会返回。它对 JS 使用 webpacker,对 CSS 使用 Sprockets(我认为这是默认设置)。如果相关,我正在 WSL 上开发 - 文件在 Ubuntu 文件系统中,Rails 在 Ubuntu 中运行,编辑是使用 VSCode 远程进入 WSL。
今天,在开发环境中运行,我对其中一个 SCSS 文件进行了更改并刷新了我的页面。提供的 CSS 没有更新; Sprockets 没有重新编译它。停止并重新启动服务器并没有提示重新编译(我真的没想到会...)。
bin/rails assets:precompile 确实重新生成了;但我不希望在开发中必须这样做。
如何让 Rails 在开发中的 sprockets 资产管道中重新编译更改的 SCSS?
我认为应该相关的文件和设置的摘录:
app/assets/config/manifest.js
//= link_tree ../images
//= link_directory ../stylesheets .css
app/assets/stylesheets/application.scss
/*
*= require_tree .
*= require_self
*/
...
app/assets/stylesheets/还包含characters.scss,也就是我修改的文件。
app/views/layouts/application.html.slim
doctype html
html
head
= csrf_meta_tags
= csp_meta_tag
= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
...
config/environments/development.rb
...
# Debug mode disables concatenation and preprocessing of assets.
# This option may cause significant delays in view rendering with a large
# number of complex assets.
config.assets.debug = false
config.assets.compile = true
# ^-- also fails if compile = false
...
Gemfile.lock
...
rails (6.0.3.2)
actioncable (= 6.0.3.2)
actionmailbox (= 6.0.3.2)
actionmailer (= 6.0.3.2)
actionpack (= 6.0.3.2)
actiontext (= 6.0.3.2)
actionview (= 6.0.3.2)
activejob (= 6.0.3.2)
activemodel (= 6.0.3.2)
activerecord (= 6.0.3.2)
activestorage (= 6.0.3.2)
activesupport (= 6.0.3.2)
bundler (>= 1.3.0)
railties (= 6.0.3.2)
sprockets-rails (>= 2.0.0)
sass-rails (6.0.0)
sassc-rails (~> 2.1, >= 2.1.1)
sassc (2.4.0)
ffi (~> 1.9)
sassc-rails (2.1.2)
railties (>= 4.0.0)
sassc (>= 2.0)
sprockets (> 3.0)
sprockets-rails
tilt
sprockets (4.0.2)
concurrent-ruby (~> 1.0)
rack (> 1, < 3)
sprockets-rails (3.2.1)
actionpack (>= 4.0)
activesupport (>= 4.0)
sprockets (>= 3.0.0)
...
【问题讨论】:
标签: ruby-on-rails sass ruby-on-rails-6 sprockets