sass在我的反應js項目中不起作用

Question

我安裝了sass-loader，並且我遵循了這個article的所有步驟，但仍然因爲某些原因無法識別scss文件。沒有什麼改變。 你能否指出我的錯誤。

這裏u能看到我的web.config.dev.js文件jsFiddle 和我在App.js組件做import "./styles/style.scss";

Answer 1

在你的jsfiddle您使用的配置爲webpack1（文章關於webpack1太），所以你應該使用不同的語法，包括上海社會科學院的支持，下面配置的例子：

 { 
     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' 
     ] 
     }