0

私は自分の問題を最小限のテストにまで煮詰めました。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: []。同じエラーで失敗することさえあります。

誰にもアイデアはありますか？

4

1 に答える 1

1

includeのようtestです。

  • include: []「何も含まない」ことを意味します`
  • include: ["./include"]include「ディレクトリ内のファイルのみを含める」ことを意味します

ですから、それらが除外される場合./App.js。

于 2018-01-31T21:58:01.573 に答える