使用 webpack 和 babel 重新导出 Material-UI 组件

Question

我想在我自己的组件库中重新导出 Material-ui 组件。

index.js

import { ServerStyleSheets, makeStyles } from '@material-ui/styles';
import { Box } from '@material-ui/core';

export {
  ServerStyleSheets
  Box,
  makeStyles
};

babel.config.json

{
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

webpack.config.js

const path = require('path');

module.exports = {
  entry: path.resolve(__dirname, './src/index.js'),
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: ['babel-loader']
      }
    ]
  },
  resolve: {
    extensions: ['*', '.js', '.jsx']
  },
  output: {
    path: path.resolve(__dirname, './dist'),
    filename: 'index.js'
  }
};

如果我现在运行webpack --mode production编译的dist/index.js是空的。 有谁知道为什么无法重新导出组件？