Reactjs 无网页包加载程序不工作
我正在尝试使用webpack构建我的react redux项目。我有以下行来处理较少的文件: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
{
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')
}