sass在我的react js项目中不起作用

Question

我安装了sass-loader并且我遵循了这个article的所有步骤，但是由于某种原因仍然无法识别scss文件。没有任何改变。 你能否指出我的错误。

在这里你可以看到我的web.config.dev.js文件jsFiddle 我在App.js组件中做了import "./styles/style.scss";

Answer 1

在你的jsfiddle你使用config for webpack1（关于webpack1的文章），所以你应该使用不同的语法来包括sass支持，下面的配置示例：

      {
        test: /\.scss$/,
        include: paths.appSrc,
        use: [
          require.resolve("style-loader"),
          'css-loader',
          {
            loader: require.resolve("postcss-loader"),
            options: {
              ident: "postcss",
              plugins: () => [
                require("postcss-flexbugs-fixes"),
                autoprefixer({
                  browsers: [
                    ">1%",
                    "last 4 versions",
                    "Firefox ESR",
                    "not ie < 9" 
                  ],
                  flexbox: "no-2009"
                })
              ]
            }
          },
          'sass-loader'
        ]
      }