运行npm run build时未编译React - Styling

Question

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

我意识到没有快速完成任何样式，甚至没有在我的index.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'