css - 如何在生产中编译CSS React Rails(5.2.3)

Question

我正在研究与 Rails 的 react (5.2.3)。我已经在js中导入了css文件。所有样式都在本地(开发)中正确应用，但在生产中，样式似乎没有应用。所有触摸功能均正确执行，但仅缺少样式。

我应该修改哪个文件才能在作品中成功应用样式？

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' %>

我再次想知道如何在rails应用程序的制作中应用css! (:

Answer 1

只需添加 <%= stylesheet_pack_tag 'index' %>在你看来。

来自 Webpacker 文档:

You can then link the JavaScript pack in Rails views using the javascript_pack_tag helper. If you have styles imported in your pack file, you can link them by using stylesheet_pack_tag

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

请告诉我这是否能解决您的问题。