.jsx拡張子を付けずにwebpackを使用するにはどうすればよいですか？

Question

webpack設定ファイルを設定し、resolveパラメータの下に拡張パラメータを追加しました。しかしwebpackにはまだ拡張子.jsxを追加する必要があります。エイリアスも追加しましたが、まだ成功していません。

これは、構成、使用しているローダーの

module.exports = { 
    entry: './public/app.jsx', 
    output: { 
    path:__dirname, 
    filename: './public/bundle.js' 
    }, 
    resolve: { 
    root: __dirname, 
    alias: { 
     Greeter : 'public/components/Greeter.jsx', 
     GreeterMessage : 'public/components/GreeterMessage.jsx', 
     GreeterForm : 'public/components/GreeterForm.jsx', 
    }, 
    extension: ['','.js','.jsx'] 
    }, 
    // ... 
} 

Answer 1

の一部であり、おそらくbabel-loader、あなたはJSやJSXを使用するには、このように正規表現を追加する必要があると思います。

test: /\.js|.jsx$/

https://webpack.js.org/loaders/babel-loader/