问

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

ll等待花开的大婶_oO_107 发布于 2022-11-09 01:53

require

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()
]

}

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

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: {...}
}

2022-11-12 01:48 回答

Roux

通常看到 css 的 loader 是这样写的：
```
{ test: /\.css$/, loader: 'style-loader!css-loader' }
```
有同学指出写成下面这样也是可以的：
```
{ test: /\.css$/, loader: 'style!css' }
```
js 的正则想表示匹配 js|jsx 的话可以使用 jsx?$

根据报错信息来看，应该是代码内部的问题。
2022-11-12 01:48 回答

衢江大道

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签