Cho*_*ett 6 ruby-on-rails sass sprockets ruby-on-rails-6
我有一个 Rails 6 应用程序,我偶尔会使用它。它使用 webpacker 作为 JS,使用 Sprockets 作为 CSS(我认为这是默认的)。如果相关的话,我正在 WSL 上进行开发 - 文件位于 Ubuntu 文件系统中,Rails 在 Ubuntu 中运行,编辑是使用 VSCode 远程进入 WSL。
今天,在开发环境中运行,我对其中一个 SCSS 文件进行了更改并刷新了我的页面。提供的 CSS 未更新;链轮尚未重新编译它。停止并重新启动服务器并没有提示重新编译(我真的没想到它会......)。
bin/rails assets:precompile确实重生了;但我不希望在开发过程中必须这样做。
如何让 Rails 在开发中的 sprockets 资产管道中重新编译更改的 SCSS?
我认为应该相关的文件和设置摘录:
应用程序/资产/配置/manifest.js
//= link_tree ../images
//= link_directory ../stylesheets .css
Run Code Online (Sandbox Code Playgroud)
应用程序/资产/样式表/application.scss
/*
*= require_tree .
*= require_self
*/
...
Run Code Online (Sandbox Code Playgroud)
app/assets/stylesheets/还包含characters.scss,这是我修改的文件。
应用程序/视图/布局/application.html.slim
doctype html
html
head
= csrf_meta_tags
= csp_meta_tag
= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
...
Run Code Online (Sandbox Code Playgroud)
配置/环境/development.rb
//= link_tree ../images
//= link_directory ../stylesheets .css
Run Code Online (Sandbox Code Playgroud)
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)
...
Run Code Online (Sandbox Code Playgroud)
Cho*_*ett 15
看起来我的设置是正确的,但我没有意识到 Rails 会更喜欢预编译资源(如果存在)。
在我运行bin/rails assets:clobber删除编译版本后,它又回到实时更新状态。
| 归档时间: |
|
| 查看次数: |
2456 次 |
| 最近记录: |