React - 运行 npm run build 时未编译样式

Question

我第一次运行npm run build并上传到我的服务器。

我意识到没有任何样式被快速拉出，甚至没有在我的索引.html文件中引用它。

当我运行npm start时，这一切都在我的开发设置上运行良好

这是我的生产配置，我想知道为什么它没有运行是否有任何明显的东西。

https://jsfiddle.net/vmt20f8w/

我

应该指出，我正在使用 SCSS 文件而不是 css 并将它们导入我的组件 js 文件中。我以为 webpack.config.prod.js 会把所有这些 scss 文件编译成一个 css 文件吗？

更新

我现在已经使用以下代码更新了我的配置，但它仍然没有编译 scss。

      {
        test: /.scss$/,
        use: [{
            loader: "style-loader"
        }, {
            loader: "css-loader"
        }, {
            loader: "sass-loader",
            options: {
                includePaths: ["absolute/path/a", "absolute/path/b"]
            }
        }]
      },

为了更清楚地说明这一点，我实际上有一个公共存储库，人们可以在其中查看我的所有代码来理解问题：https://github.com/maximus-lynn/react-portfolio

Answer 1

您正在为 css 文件使用加载程序，但不对 scss 文件使用加载器。安装 sass-loader 并将您的配置更改为如下所示：
test: /.scss/, loader: 'style-loader!css-loader!sass-loader'