Как скомпилировать CSS в React Rails производства (5.2.3)

Question

Я работаю над реакцией с рельсами (5.2.3).Я импортировал файл CSS в JS.Все стили должным образом применяются в местном (разработка), но в производстве стиль, кажется, не применяется.Все сенсорные функции выполняются правильно, но отсутствует только стиль.

Какой файл я должен изменить, чтобы успешно применить стиль в производстве?

import React from 'react'
import '/name_of_css.css'

class App extends React.Component {
..
}

и

javascript / packs/index.js

<Router>
  <Route path ="/" component = {App} />
</Router>

и затем, views / controller_name / index.html, я импортировал js-файл, как показано ниже.

<%= javascript_pack_tag 'index' %>

Опять же, я хочу знать, как применять cssв производстве для рельсов приложение!(

Answer 1

Просто добавьте <%= stylesheet_pack_tag 'index' %> на ваш взгляд.

Из документа Webpacker:

Затем вы можете связать пакет JavaScript в представлениях Rails, используя javascript_pack_tag помощник. Если у вас есть стили, импортированные в вашем пакете файл, вы можете связать их с помощью stylesheet_pack_tag

https://github.com/rails/webpacker#usage

Дайте мне знать, если это решит вашу проблему.