webpack less-loader not working

Question

webpackを使用してreact-reduxプロジェクトを構築しようとしています。私は次のエラーメッセージを取得していますいくつかの理由

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

：

ModuleParseError: Module parse failed: C:\path\to\project\client\stylesheets\app.less Unexpected character '@' (1:0) 
You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected character '@' (1:0) 

なぜこれが起こっているすべてのアイデア私はあまりのファイルを処理するために、次の行を持っていますか？それに応じてWebPACKの設定ファイル改正

私は、Windows 7

Answer 1

上で実行しています* 'あまりローダー' documentationごとに、あなたのWebPACKは以下の好きなはずです...

...

var ExtractTextPlugin = require('extract-text-webpack-plugin'); 

module.exports = { 
    ... 
    // must be '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 into separate 'styles.css' 
     new ExtractTextPlugin('styles.css') 
    ] 
}; 

Answer 2

スクリプトがWindows上で実行されるため、問題はインクルードパスで発生していました。インクルードフィールドにフルパスを指定する必要があります。

{ 
    test: /\.less$/, 
    include: path.join(__dirname, 'stylesheets'), 
    loader: ExtractTextPlugin.extract('style-loader', 'css-loader!postcss-loader!less-loader?sourceMap') 
}