Reactjs CSS不是'；t在我的github页面部署上加载

我试图在github页面上获得我的反应，但它根本没有加载CSS。我的项目使用scss，它位于src/中自己的目录下。它们由组分分开，并导入到每个反应组分中。当我运行dev服务器时，它可以正常工作，但是当我尝试部署到github页面时，除了无法加载的css之外，其他一切都可以正常工作。我是否也需要在webpack.config.prod文件中添加一些内容

以下是我的项目结构：

/rootDir
  config
  node_modules
  public
    images
    index.html
    manifest.json
  scripts
  src
    js
      components
        ...
        App.js
    scss
      ...
      App.scss
    index.js
    registerServiceWorker
  package.json

这是我的webpack.config.dev：

{
  test: /\.css$/,
  use: [
    require.resolve('style-loader'),
    {
      loader: require.resolve('css-loader'),
      options: {
        importLoaders: 1,
      },
    },
    {
      loader: require.resolve('postcss-loader'),
      options: {
        ident: 'postcss',
        plugins: () => [
          require('postcss-flexbugs-fixes'),
          autoprefixer({
            browsers: [
              '>1%',
              'last 4 versions',
              'Firefox ESR',
              'not ie < 9', // React doesn't support IE8 anyway
            ],
            flexbox: 'no-2009',
          }),
        ],
      },
    },
  ],
},
//Adding SCSS
{
  test: /\.scss$/,
  use: [
    'style-loader',
    'css-loader',
    'sass-loader'
  ]
},

{
测试：/\.css$/,，
使用：[
require.resolve（'style-loader'），
{
加载器：require.resolve（'css-loader'），
选项：{
进口装载机：1，
},
},
{
加载器：require.resolve（'postss-loader'），
选项：{
标识：'邮政编码'，
插件：（）=>[
需要（'PostSS-flexbugs-fixes'），
自动刷新器({
浏览器：[
'>1%',
“最后4个版本”，
“Firefox ESR”，
'不是ie<9'，//React无论如何都不支持IE8
],
flexbox:‘no-2009’，
}),
],
},
},
],
},
//添加SCS
{
测试：/\.scss$/,，
使用：[
“样式加载器”，
“css加载程序”，
“sass loader”
]
},

我通过将下面的代码片段添加到我的webpack.config.prod文件中解决了这个问题

{
  test: /\.scss$/,
  use: [
    'style-loader',
    'css-loader',
    'sass-loader'
  ]
},

---

生产版本在你本地的机器上运行吗？@Prakashsharma我想是的。我从本地机器运行“纱线运行构建”。