Ungültige CSS-Fehler für Sass-loader

Question

Mein app.scss

.tes { 
    color: red; 
} 

Der Ausgabefehler, wenn ich ./node_modules/.bin/webpack

ERROR in ./~/css-loader!./~/sass-loader?indentedSyntax!./www/assets/app.scss 
Module build failed: 
.tes { 
    ^
     Invalid CSS after ".tes {": expected "}", was "{" 
     in ./www/assets/app.scss (line 1, column 7) 
@ ./www/assets/app.scss 4:14-135 13:2-17:4 13:2-17:4 14:20-141 

Mein webpack.config

module: { 
     loaders: [ 
      { 
       test: /\.scss$/, 
       loader: 'style!css!sass?indentedSyntax' 
      }, 
      { 
       test: /\.css$/, 
       loader: 'style!css' 
      }, { 
       test: /\.(woff|woff2|ttf|eot|svg)(\?]?.*)?$/, 
       loader: 'file-loader?name=res/[name].[ext]?[hash]' 
      } 
     ] 
    }, 

Und mein app.js

ausführen

require('./www/assets/app.scss'); 

var angular = require('angular'); 
var uiRouter = require('angular-ui-router'); 
require('velocity-animate'); 
require('node-lumx'); 

var HomeController = require('./www/components/home/homeController'); 

angular.module('app', ['lumx', uiRouter]) 
... //OMITED 

Answer 1

Die Lösung wäre, Ihre Dateierweiterung auf SASS zu ändern, wenn Sie die Sass-Syntax verwenden möchten, da sass-loader ab der Version 3.2.0 den von Ihnen gewünschten Stil aus der Dateierweiterung ableitet. Es funktionierte für mich.

Answer 2

Versuchen sass loader ohne die Option "indentedSyntax", wie mit '! Stil CSS sass!'

Weitere Informationen Sie die Dokumentation hier lesen: http://sass-lang.com/documentation/file.INDENTED_SYNTAX.html