te')); return $arr; } /* 遍历用户所有主题 * @param $uid 用户ID * @param int $page 页数 * @param int $pagesize 每页记录条数 * @param bool $desc 排序方式 TRUE降序 FALSE升序 * @param string $key 返回的数组用那一列的值作为 key * @param array $col 查询哪些列 */ function thread_tid_find_by_uid($uid, $page = 1, $pagesize = 1000, $desc = TRUE, $key = 'tid', $col = array()) { if (empty($uid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('uid' => $uid), array('tid' => $orderby), $page, $pagesize, $key, $col); return $arr; } // 遍历栏目下tid 支持数组 $fid = array(1,2,3) function thread_tid_find_by_fid($fid, $page = 1, $pagesize = 1000, $desc = TRUE) { if (empty($fid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('fid' => $fid), array('tid' => $orderby), $page, $pagesize, 'tid', array('tid', 'verify_date')); return $arr; } function thread_tid_delete($tid) { if (empty($tid)) return FALSE; $r = thread_tid__delete(array('tid' => $tid)); return $r; } function thread_tid_count() { $n = thread_tid__count(); return $n; } // 统计用户主题数 大数量下严谨使用非主键统计 function thread_uid_count($uid) { $n = thread_tid__count(array('uid' => $uid)); return $n; } // 统计栏目主题数 大数量下严谨使用非主键统计 function thread_fid_count($fid) { $n = thread_tid__count(array('fid' => $fid)); return $n; } ?>font awesome - FontAwesome Pro in Rails 8 with importmap and propshaft - Stack Overflow
最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

font awesome - FontAwesome Pro in Rails 8 with importmap and propshaft - Stack Overflow

programmeradmin4浏览0评论

I am having a difficult time getting FontAwesome Pro to work with propshaft, importmap and other Rails 8 changes.

I'm using tailwindcss 3 with an assets directory that looks like:

app
  assets
    builds
      tailwind.css
    stylesheets
      application.css
      application.tailwind.css

My application head looks like:

!!!
%html
  %head
    %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
    %title ActivityTracker
    %meta{:content => "width=device-width,initial-scale=1", :name => "viewport"}/
    = csrf_meta_tags
    = csp_meta_tag
    = stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload"
    = stylesheet_link_tag :app, "data-turbo-track": "reload"
    = javascript_importmap_tags

My first attempt to use the font-awesome-pro-sass gem provided by Font Awesome, seemed to have a conflict between the expectation of application.scss and application.css and I could not find the correct edits to make it work.

My current attempt adds the fontawesome directory directly to my app javascripts directory (e.g. app/javascript/fontawesome-pro-6.7.2-web ) and pins it in the importmap config (e.g. pin "@fortawesome/fontawesome-pro", to: "fontawesome-pro-6.7.2-web/js/all.js" )

It works in my local machine but is insanely slow and doesn't appear to work at all when I deploy it to a server (using kamal 2).

I am having a difficult time getting FontAwesome Pro to work with propshaft, importmap and other Rails 8 changes.

I'm using tailwindcss 3 with an assets directory that looks like:

app
  assets
    builds
      tailwind.css
    stylesheets
      application.css
      application.tailwind.css

My application head looks like:

!!!
%html
  %head
    %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
    %title ActivityTracker
    %meta{:content => "width=device-width,initial-scale=1", :name => "viewport"}/
    = csrf_meta_tags
    = csp_meta_tag
    = stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload"
    = stylesheet_link_tag :app, "data-turbo-track": "reload"
    = javascript_importmap_tags

My first attempt to use the font-awesome-pro-sass gem provided by Font Awesome, seemed to have a conflict between the expectation of application.scss and application.css and I could not find the correct edits to make it work.

My current attempt adds the fontawesome directory directly to my app javascripts directory (e.g. app/javascript/fontawesome-pro-6.7.2-web ) and pins it in the importmap config (e.g. pin "@fortawesome/fontawesome-pro", to: "fontawesome-pro-6.7.2-web/js/all.js" )

It works in my local machine but is insanely slow and doesn't appear to work at all when I deploy it to a server (using kamal 2).

Share Improve this question asked Feb 17 at 22:00 GSPGSP 3,7893 gold badges33 silver badges58 bronze badges 3
  • Why are you loading SASS as javascript? Also in regards to this statement "seemed to have a conflict between the expectation of application.scss and application.css". The docs explain that: "If app/assets/stylesheets/application.css.scss does not exist then rename app/assets/stylesheets/application.css" – engineersmnky Commented 2 days ago
  • Yes, thank you. After the rename, that file doesn't seem to be picked up by the asset pipeline anymore. Historically I would have added the sass gem to the project but I'm not sure that's the right solution for Rails 8 with propshaft? – GSP Commented yesterday
  • Looking at the gem recommended for ruby on rails in font awesome, it appears to state that it's designed to work with sprockets and not propshaft thus you may be right that it's not the way to do it. Snippet from --> github/FortAwesome/font-awesome-sass 'font-awesome-sass' is a Sass-powered version of Font Awesome for your Ruby projects with specific support for Ruby on Rails and Sprockets. Have you found a solution? – Doreen Chemweno Commented yesterday
Add a comment  | 

1 Answer 1

Reset to default 0

I am having the same problem, for now I fixed the issue by adding a fixed library. I found this solution in a prior thread, but I'm not sure if it will works with the pro version.

Here: https://stackoverflow/a/78348023/20932911

<link rel="stylesheet" href="https://site-assets.fontawesome/releases/v6.5.2/css/all.css" />

发布评论

评论列表(0)

  1. 暂无评论