通过webpack导出的导入模块

Question

我已经使用webpack导出创建了一个JS文件。

我正在尝试在React应用中导入main.JS文件。

我无法导入由webpack创建的JS文件。这种导入JS的方法是正确的反应方法吗？

我已经尝试过webpack中的所有库目标选项，但是目标类型都不起作用

webpack.config.js：

const path = require('path');

module.exports = {
  entry: ["@babel/polyfill",'./src/index.js'],
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist'),
    libraryTarget: 'commonjs',
    libraryExport: 'default',
    library: 'API'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      }
    ]
  }
};

main.js导出文件结构：

exports.API=function(t){..}).default;

反应应用程序：

import {API} from "./main.js";

我想在react app中使用webpack导出文件吗？