webpack less-loader не работает

Question

Я пытаюсь построить проект react-redux с помощью webpack. У меня есть следующие строки для обработки меньше файлов:

{ 
    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) 

Любая идея, почему это происходит?

* Я бегу на Windows, 7

Answer 1

в соответствии с 'меньше-погрузчик' documentation, ваш WebPack хотел бы ниже ...

Изменить ваш 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') 
}