cannot make includePath option working fine

Hi !

I’m getting this when launching my webpack dev server:

ERROR in ./~/css-loader!./~/sass-loader/lib/loader.js!./src/page/LoginPage/styles.scss
Module build failed: 
@import 'boxes';
^
      File to import not found or unreadable: boxes.
Parent style sheet: stdin
      in /Users/thomasfetiveau/wksp/my-ptoject/src/page/LoginPage/styles.scss (line 1, column 1)
 @ ./src/page/LoginPage/styles.scss 4:14-130
webpack: bundle is now VALID.

And here is my conf:

var path = require('path');

module.exports = {
	entry: './src/index-web.js',
	output: {
		path: './app',
		filename: 'index.js'
	},
	devServer: {
		inline: true,
		port: 8080,
		historyApiFallback: true,
	},
	module: {
		loaders: [
			{
				test: /\.js$/,
				exclude: /node_modules/,
				loader: 'babel',
				query: {
					presets: ['es2015', 'react']
				}
			},
			{
				test: /\.json$/,
				exclude: /node_modules/,
				loader: 'json'
			},
			{
                test: /\.scss$/,
                loaders: [ 'style', 'css', 'sass' ],
            }
		]
	},
    sassLoader: {
        includePaths: [
        	path.resolve(__dirname, 'app/styles')
        ]
    },
}

Where did I make a mistake ?

[alexander-akait]

@katiasmet please create new issue for this, don’t write your problem(s) inside other problem(s), thanks!

[zabojad]

I’ve just succeeded in making it work with inline loader configuration (+ webpack 1 config style):

module: {
		loaders: [
			{
				test: /\.js$/,
				exclude: /node_modules/,
				loader: 'babel',
				query: {
					presets: ['es2015', 'react']
				}
			},
			{
				test: /\.json$/,
				exclude: /node_modules/,
				loader: 'json'
			},
			{
                test: /\.scss$/,
                loaders: [ "style-loader", "css-loader?sourceMap", 'sass-loader?{"sourceMap":true,"includePaths":["app/styles"]}' ],
            }
		],
	},

Why the hell the “modern” way to do this doesn’t work ? ie, with the rules node?