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

Question

我正在与 rails (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 文档：

然后，您可以使用 javascript_pack_tag 帮助程序在 Rails 视图中链接 JavaScript 包。如果您的包文件中导入了样式，则可以使用 stylesheet_pack_tag 链接它们

如果这能解决您的问题，请告诉我。