为什么webpack捆绑文件的工作原理与源文件不同？

Question

我的Webpack配置文件中有什么问题吗？

https://raw.githubusercontent.com/thian4/webpack-problem/master/webpack.prod.js

我不知道为什么这段代码会给我以下错误

  

React.createElement：type无效 - 需要一个字符串

import React, { Component } from 'react'

export default class Test extends Component {
  render() {
    return <h1>Test</h1>
  }
}

编译后的文件在lib / test.js中，为什么我不能导入它并使用它？这与babel有关吗？我创建了一个repo来演示问题https://github.com/thian4/webpack-problem