webpack报错需要合适的loader

以前做vue项目都好好的，最近做react，公共配置感觉加个jsx就可以了吧，然而不是这样的。

一、问题描述

You may need an appropriate loader to handle this file type。

二、问题分析

babelrc我配置了，babel-loader也配置正确，问题出现在include值上面，还原现场。

module: {
        rules: [{
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            loader: ‘babel-loader‘,
            include: [resolve(‘src‘), resolve(‘test‘)]
        }]
}

三、解决方案

去掉最后一行配置即可，像这样写。

module: {
        rules: [{
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            loader: ‘babel-loader‘
        }]
}

四、疑惑

但是之前做vue项目的时候，我加include配置就不会报错呢，react项目咋就不行了呢？匪夷所思，后续补充。。。

原文地址：https://www.cnblogs.com/camille666/p/webpack_loader_config_error.html