sass funktioniert nicht in meinem react js Projekt

Question

Ich habe sass-loader installiert und ich habe alle Schritte von diesem article verfolgt, aber die scss-Datei wird aus irgendeinem Grund nicht erkannt. Nichts wurde geändert. Konnte auf meine Fehler hinweisen.

hier kann u meine web.config.dev.js sehen jsFiddle Datei und ich habe import "./styles/style.scss"; in App.js Komponente

Answer 1

In Ihrem jsfiddle verwenden Sie Config für webpack1 (Artikel über webpack1 auch), so sollten Sie verwenden unterschiedliche Syntax für einschließlich sass Unterstützung, Beispiel Config unter:

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