如何使CSS在Rails 6中的Heroku上工作_Css_Heroku_Webpack_Ruby On Rails 6

如何使CSS在Rails 6中的Heroku上工作

css heroku webpack

如何使CSS在Rails 6中的Heroku上工作,css,heroku,webpack,ruby-on-rails-6,Css,Heroku,Webpack,Ruby On Rails 6,我在Rails 6应用程序中使用了一个theme.css文件，但它没有加载到Heroku上，在我的本地应用程序中效果非常好。下面是我的javascript文件夹的结构我的application.scss文件 //@import '~bootstrap/scss/bootstrap'; // Bootstrap setup //@import '../assets/scss/bootstrap/scss/functions'; --> change folder name // Th

我在Rails 6应用程序中使用了一个

theme.css

文件，但它没有加载到Heroku上，在我的本地应用程序中效果非常好。下面是我的javascript文件夹的结构

我的application.scss文件

//@import '~bootstrap/scss/bootstrap';

// Bootstrap setup
//@import '../assets/scss/bootstrap/scss/functions'; --> change folder name

// Theme setup
//@import 'themes/variables';

//@import 'custom-variables';

//@import 'app/variables';

// Bootstrap core
//@import 'bootstrap/scss/bootstrap';

/*----------------------------------------------------------------------
  * App - Responsive Website Template version v1.0
------------------------------------------------------------------------*/

//@import 'app/app';

// Custom core
//@import 'custom';

我的application.js

// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.

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

//import 'bootstrap'
import "./application.scss";

// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)

//此文件由Webpack与任何其他文件一起自动编译
//存在于该目录中。我们鼓励您将实际的应用程序逻辑放入
//app/javascript中的相关结构，仅使用这些包文件进行引用
//这段代码将被编译。
需要（“@rails/ujs”）.start（）；
需要（“TurboLink”）.start（）；
需要（“@rails/activestorage”）.start（）；
要求（“渠道”）；
//导入“引导”
导入“/application.scss”；
//取消注释以将../images下的所有静态图像复制到输出文件夹并引用
//在视图中使用图像\u包\u标记辅助对象（例如）
//或下面的“imagePath”JavaScript帮助程序。
//
//const images=require.context（“../images”，true）
//常量imagePath=（名称）=>图像（名称，true）

这是application.html.erb

<!DOCTYPE html>
<html>
  <head>
    <title>FreshCo</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="stripe-key" content="<%= Rails.configuration.stripe[:publishable_key] %>" />
  </head>

  <body>
    <div class="container">
      <%= yield %>
    </div>
  </body>
</html>


弗雷什科

任何帮助都将不胜感激