Wie ich schreibe webpack.config.js so

module.exports = {
  entry: './index.jsx',
  output: {
    filename: 'bundle.js'
  },
  module: {
    loaders: [{
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loader: 'babel',
      query: {
        presets: ['es2015', 'react']
      }
    }]
  }
};

Und inindex.jsx Ich importiere einreact moduleApp

import React from 'react';
import { render } from 'react-dom';

import App from './containers/App';

let rootElement = document.getElementById('box')
render(
  <App />,
  rootElement
)

Ich finde, wenn ich Modul App in @ benanApp.jsx, dann sagt das Webpack inindex.jsx kann Modul nicht findenApp, aber wenn ich named module app in @ nannApp.js, es wird dieses Modul finden und gut funktionieren.

Also, ich bin verwirrt darüber. In meinemwebpack.config.js, Ich habe @ geschriebtest: /\.jsx?$/, um die Datei zu überprüfen, aber warum*.jsx kann nicht gefunden werden?