Rails rails7 CSS 的设置

y9info · 2023年02月10日 · 最后由 y9info 回复于 2024年10月24日 · 435 次阅读

rails 对前端的有所改动,记录一下 rails7 中 css 的设置

一、创建项目时,直接做好 css 规划,例如设置 bootstrap 作为 css:

命令行窗口输入

rails new blog -j esbuild --css bootstrap --database postgresql

二、使用自己写的,或其他途径粘贴的 css 内容

  1. 在 app/assets/stylesheets 创建一个名为 my.css 文件;
  2. 在 app/assets/config/manifest.js 文件内容的末尾,单独增加一行“//= link my.css”
  3. 在 app/views/layouts/application.html.erb 这个文件的 stylesheet_link_tag 中,增加“my",增加后变为:
<%= stylesheet_link_tag "application", "my", "data-turbo-track": "reload" %>

顺便补充一下:在实际使用过程中,如果是仅仅“rails new blog --css bootstrap”,去掉“-j esbuild”,bootstrap 并不能成功安装,加上这个就可以了。

需要 登录 后方可回复, 如果你还没有账号请 注册新账号