Die webpack kompiliert die sass Datei für Fehler

Question

Ungültige CSS nach „... die Stile laden“ eine erwartete 1-Selektor oder at-Regel war ‚var content = requi‘

Ich brauche sass zu verwenden, wenn ich m mit webapck. Und dann ist da dieser Fehler. Schließlich änderte ich den Compiler, indem ich den Compiler änderte. Hier ist mein Code, ich poste es, und ich habe Freunde, die das gleiche Problem haben.

{ 
 
    test:/\.scss $/, 
 
    include:/node_modules /,// emphasis is on this line of code problem solving 
 
    loaders: [" style - loader ", "css-loader", "sass-loader"]// webpack2 needs to be added in the back - loader 
 
}

Answer 1

Sie sollten Dritte bauen SCSS Dateien nicht webpack werden. Sie sollten bereits nach css transpiliert sein und für Sie als Import verfügbar sein. Könnte die Ursache des Problems sein. Wenn Sie Webpack 2 verwenden, sind Ihre Regeln falsch strukturiert. Aus dem Webpack 2 Dok. https://webpack.js.org/loaders/sass-loader/#components/sidebar/sidebar.jsx:

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