Почему при сборке react через webpack, код отображает пустую страницу?

после введения команды webpack компонент собирается но при запуске код реакта не работает

const path = require('path'),
    webpack = require('webpack');

module.exports = {
    //context - путь для всех файлов
    context: __dirname+'/src/',
    //entry - что передавать
    entry: {
        common: "./test.js"
    },
    //output - куда передавать
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    },
    module: {
        loaders: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: "babel-loader",
            options: {
                babelrc: false,
                presets: ["react"], //babel-preset-react-native
                cacheDirectory: true
            }
        }]
    }
};

Код реакт

import React, { Component } from 'react';
import { render } from 'react-dom';
ReactDOM.render(
    <h1>djkkdkdk</h1>,
    document.getElementById("root")
);

Код HTML
<div id="root"></div>
при выводе bundle.js подсвучивается желтым а консоли

creact-react-app - само собой будет работать, но на практике нужно без него это запускать

________________

import { render } from 'react-dom' - судя по всему на react-dom жлуется т.к. без него bundle.js зёлыным помечено