reactjs - webpack less-loader not working -

i trying build react-redux project using webpack. have following line handle less files:

{     test: /\.less$/,      include: /(stylesheets)/,      loader: extracttextplugin.extract('style-loader', 'css-loader!postcss-loader!less-loader?sourcemap')  } 

for reason getting following error message:

moduleparseerror: module parse failed: c:\path\to\project\client\stylesheets\app.less unexpected character '@' (1:0) may need appropriate loader handle file type. syntaxerror: unexpected character '@' (1:0) 

any idea why happening?

*i running on windows 7

as per 'less-loader' documentation, webpack should below...

amend webpack config file accordingly...

var extracttextplugin = require('extract-text-webpack-plugin');  module.exports = {     ...     // must 'source-map' or 'inline-source-map'     devtool: 'source-map',     module: {         loaders: [             {                 test: /\.less$/,                 loader: extracttextplugin.extract(                     // activate source maps via loader query                     'css?sourcemap!' +                     'less?sourcemap'                 )             }         ]     },     plugins: [         // extract inline css separate 'styles.css'         new extracttextplugin('styles.css')     ] };