帮忙找下webpack配置文件的错误

Question

var path=require('path');
var webpack=require('webpack');
module.exports={

entry:['./app/main.js'],
output:{
    path:path.resolve(__dirname,'./build'),
    filename:'bundle.js'
},
module:{
    loaders:[
        {test: /\.css$/, loader: 'style!css'},
        {
            test:/\.js?$/,
            exclude:/(node_modules|bower_components)/,
            loader: 'babel',
            query: {
                presets: ['es2015', 'react']
            }
        }
    ]
},
plugins:[
    new webpack.HotModuleReplacementPlugin()
]

}

我这段配置文件那里写错了报如下图错误：

Answer 1

通常看到 css 的 loader 是这样写的：

{ test: /\.css$/, loader: 'style-loader!css-loader' }

有同学指出写成下面这样也是可以的：

{ test: /\.css$/, loader: 'style!css' }

js 的正则想表示匹配 js|jsx 的话可以使用 jsx?$

根据报错信息来看，应该是代码内部的问题。

Answer 2

如果你使用的是webpack 1.x

// webpack 配置

module.exports = {
    ...
    resolveLoader: {
        root: path.join(__dirname, 'node_modules') 
        fallback: path.join(__dirname, 'node_modules') 
    },
    module: {...}
}

如果你使用的是webpack 2.x

// webpack 配置

module.exports = {
    ...
    resolveLoader: {
        modules: path.join(__dirname, 'node_modules') 
    },
    module: {...}
}