这两个问题不一样，这里解决的是 css 里面的字体引用问题，字体引用是 sprockets 处理的。
scss 的 load path 是在 scss 命令处理的，只要编译的时候加上 --load-path=node_modules 就可以引用 node_modules 里的 scss。
完整命令：
sass app/assets/stylesheets/application.scss app/assets/builds/application.css --no-source-map --load-path=node_modules
从头配置 css bundling 的方法可以看这里 如何从 Webpacker 切换到 CSS/JS bundling。
我用yarn添加的插件css文件都不能直接在
application.scss里面import, 原来是需要修改asset path, 如果每个都添加也太麻烦了吧! 我都是直接复制到app/assets/stylesheets目录下的.