如何在Rails 8项目中使用SCSS？sassc安装失败求助

问题根源 #

sassc-rails依赖的sassc是基于停止维护的LibSass开发的原生扩展，无法兼容Ruby 3.4.1，因此会出现原生扩展编译失败的错误。Rails 8搭配Propshaft时，官方推荐使用基于Dart Sass的dartsass-rails，这是完全适配新资源管道的方案。

解决步骤 #

1. 替换依赖Gem
   编辑你的Gemfile，移除sassc-rails，添加dartsass-rails：

   # 删掉这行
   # gem 'sassc-rails'
   # 新增这行
   gem 'dartsass-rails'
   

   执行bundle install完成安装。

2. 调整样式文件与导入逻辑

   • 将入口文件app/assets/stylesheets/application.css重命名为application.scss
   • Propshaft不支持Sprockets的require_tree .语法，改用SCSS原生的@import导入文件，例如：

     @import "components/button";
     @import "layouts/header";
     

     路径不需要加.scss后缀，Propshaft会自动匹配对应文件。

3. 清理缓存（可选）
   如果之前有残留的旧资源缓存，执行以下命令清理：

   rails assets:clobber
   

4. 验证效果
   启动Rails服务器rails s，访问页面检查样式是否正常加载。如果遇到导入错误，确认文件路径与@import语句的层级一致即可。

内容的提问来源于stack exchange，提问作者auTiStiC WizArD