使用Propshaft与DartSass时，如何在Rails中引入Trix样式？

• 直接在Sass文件中导入样式
  打开你的application.scss，添加以下两行导入代码：

  @import "trix/dist/trix";
  @import "@rails/actiontext/app/assets/stylesheets/actiontext";
  

  Rails 7搭配Propshaft时，会自动识别node_modules里的资源路径，这两个导入语句能正确拉取到Trix和Action Text的样式文件。

• 通过JavaScript导入样式
  如果你的前端构建流程支持从JS导入样式（比如Rails默认的esbuild），可以在application.js里补充：

  import "trix/dist/trix.css";
  import "@rails/actiontext/app/assets/stylesheets/actiontext.css";
  

• 验证操作

  1. 重启bin/dev或者Rails服务器
  2. 清空浏览器缓存后刷新页面
  3. 查看页面源码，确认样式文件已成功加载

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