Webpack - ошибки при компиляции ES6

Question

Попытка скомпилировать файлы ReactJS в Webpack, но он не видит отдельные модули. Пожалуйста посоветуй. В Приложении I выкладываем экран с debbuga, а ниже - код.

webpackjs

var path = require('path'); 
var webpack = require('webpack'); 

module.exports = { 
    output: { 
     path: path.join(__dirname,"build"),filename: 'bundle.js' 
    }, 
    entry: ['./src/App.jsx'], 
    plugins: [ 
     new webpack.NoErrorsPlugin() 
    ], 
    stats: { 
     colors: true 
    }, 
    devtool: 'source-map', 
    resolve: { 
     extensions: ['','.js', '.jsx'] 
    }, 
    module: { 
     loaders: [ 
     { 
      test: /\.(js|jsx)$/, 
      exclude: /node_modules/, 
      loader: 'babel', 
      query: { 
      presets: ['react', 'es2015'] 
      } 
     }, 
     ] 
    } 
}; 

App.jsx:

import React from 'react'; 
import {Router, Route, IndexRoute, Redirect} from 'react-router'; 
import DefaultLayout from './layouts/Default'; 
import HomePage from './components/Home'; 
import PrivacyPage from './components/Privacy'; 

export const routes = (
    <Route path='/' component={DefaultLayout}> 
     <IndexRoute component={HomePage} /> 
     <Route path='privacy' component={PrivacyPage} /> 
     <Route path='*' component={NotFound} /> 
    </Route> 
) 

Answer 1

Сообщение об ошибке говорит, что не может найти src/components. Проверьте структуру файлов.

Answer 2

Вам необходимо установить столпотворение-погрузчик

npm install babel-loader 

и использовать

loader: 'babel-loader', 

Вам также может понадобиться создать babelrc вместо того, чтобы писать свои пресеты в файле WebPack конфигурации и в нем

{ 
    "presets": ["es2015", "react"] 
}