如何在rails 6的html.erb中调用外部css文件答案

【问题标题】：how to call external css file in html.erb in rails 6如何在rails 6的html.erb中调用外部css文件
【发布时间】：2020-04-22 02:14:17
【问题描述】：

我正在尝试在我的 rails 应用程序的一个 html 页面中调用一个 css 文件：

我使用的是 rails 6，所以我没有资产管道。所以我在 vendor 下创建了文件夹 assets，然后是文件夹样式表。最后我把style.css放到vendor/assets/stylesheets/文件夹下

另外，我已将其导入 app/assets/application.css： @import "vendor/assets/stylesheets/style.css";

但是用下面的代码调用它之后：

<link href="vendor/assets/stylesheets/style.css" rel="stylesheet">

它不起作用。

【问题讨论】：

你在应用布局中配置了什么？
什么不起作用，是样式表没有包含还是样式没有应用？
我想看看你用什么来包含js和css？我假设您使用过javascript_pack_tag 和stylesheet_pack_tag。还要确保 webpack 可以解析你的本地资产 github.com/rails/webpacker#resolved
对不起，我认为是因为我没有包含 css.. 如何将它包含在 webpacker 中？

【解决方案1】：

我也在使用 Rails 6。我不知道你为什么没有资产管道。我的资产文件夹在 app 文件夹下。

我认为拥有自定义视图的正确方法是使用以下命令生成新控制器：

rails g controller controllername

然后您将拥有带有控制器名称的新视图和样式表：

转到您的 controllername.css 并设置您自己的 scss / css 样式之后，转到您的视图并在 html.erb 中导入样式：

<%= stylesheet_link_tag "controllername" %>

【讨论】：