如何从webpack包导入？

Question

我通过webpack构建了es6代码，但是无法从此构建文件中导入。我得到“未定义”

这是我的src代码：

export const debugFunc = () => { 
  console.log('debug') 
}

我尝试使用它：

import { debugFunc } from './debugFunc'

我的webpack配置非常简单

const webpack = require('webpack');

module.exports = {
  entry: './src/index.js',
  mode: 'production',
  output: {
    path: __dirname + "/lib",
    filename: "main.js",
  },
};