Как я пишу webpack.config.js, как этот
module.exports = {
entry: './index.jsx',
output: {
filename: 'bundle.js'
},
module: {
loaders: [{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel',
query: {
presets: ['es2015', 'react']
}
}]
}
};
И в index.jsx
я импортирую модуль react
App
import React from 'react';
import { render } from 'react-dom';
import App from './containers/App';
let rootElement = document.getElementById('box')
render(
<App />,
rootElement
)
Я нахожу, что если я назвал приложение модуля в App.jsx
, то webpack скажет в index.jsx
не может найти модуль App
, но если я назвал приложение named module в App.js
, он найдет этот модуль и хорошо работайте.
Итак, я в замешательстве. В моем webpack.config.js
я набрал test: /\.jsx?$/
, чтобы проверить файл, но почему имя *.jsx
не найдено?