包含给定时Webpack jsx模块加载器失败

Question

我将我的问题归结为最低限度的测试。我有一个 App.js 文件，其中包含一些 jsx，将被编译为 ./bundle.js:

// App.js
module.exports = () => <div/>

我的 webpack 配置看起来很标准

module.exports = {
    entry: './App.js',
    output: {
        filename: './bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                //include: ['./includes'],  // <- Problem line
                query: {
                    plugins: [
                        ['transform-react-jsx']
                    ]
                }
            }
        ]
    }
}

只有在删除带有include 的行时才能正确编译。如果我启用该行，则会出现错误

Module parse failed: ./App.js Unexpected token (1:23)
You may need an appropriate loader to handle this file type.
| module.exports = () => <div/>

我不知道为什么当我为加载程序指定包含时它会失败，即使 include: [] 也会失败并出现同样的错误。

有人有想法吗？

Answer 1

include 就像test。

• include: [] 表示“不包含任何内容”`
• include: ["./include"] 表示“只包含include 目录中的文件”

如果这些将排除./App.js。