Question

所以我试图尽可能地组织我的JavaScript和CSS包。

到目前为止，我有两种布局，分别将每个布局所需的CSS和JS文件分开。

在javascript-> packs-> dashboard.js下：

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage")
require("channels")


require("dashboard/metisMenu.min")
require("dashboard/startmin")

import './stylesheets/dashboard.scss'

在javascript-> packs-> application.js下：

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage")
require("channels")


import 'bootstrap'
import './stylesheets/application.scss'

在javascript-> packs-> stylesheets / application.scss下：

@import "~bootstrap/scss/bootstrap";

在javascript-> packs-> stylesheets / dashboard.scss下：

$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
@import "~@fortawesome/fontawesome-free/scss/fontawesome";
@import "~@fortawesome/fontawesome-free/scss/solid";
@import "metisMenu.min";
@import "startmin";

在我的布局文件中，点击views-> layouts-> dashboard.html.erb：

<!DOCTYPE html>
<html>
  <head>
    <title>Dashboard</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= stylesheet_pack_tag 'dashboard', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'dashboard', 'data-turbolinks-track': 'reload' %>
  </head>

  <body>
  <%= render 'layouts/error_messages' %>
    <%= yield %>
  </body>
</html>

我尝试了这种方法，但是似乎我的JavaScript和CSS无法正常工作。

知道我在做什么错吗？

样式表包和JS Pack不起作用-Rails 6

0 个答案: