Reactjs 无网页包加载程序不工作

Reactjs 无网页包加载程序不工作,reactjs,less,webpack,Reactjs,Less,Webpack,我正在尝试使用webpack构建我的react redux项目。我有以下行来处理较少的文件: { test: /\.less$/, include: /(stylesheets)/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader!postcss-loader!less-loader?sourceMap') } 由于某些原因,我收到以下错误消息: ModuleParseError: Mod

我正在尝试使用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)
知道为什么会这样吗

*我正在Windows 7上运行,按照“较少加载程序”,您的网页如下所示

相应地修改您的网页配置文件

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')
    ]
};

问题在于包含路径,因为脚本在Windows上运行。需要在包含字段中提供完整路径:

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