Как связать вместе классы javascript и модули с помощью веб-пакета?

Question

Я пытаюсь связать все свои классы и модули с помощью веб-пакета, но сталкиваюсь с некоторыми проблемами.Я пробовал много решений, но не смог.У меня есть следующий модуль, который является точкой входа для веб-пакета, я импортирую другие модули и классы внутри этого модуля.

MyModule.js

import {utilities} from "./Utilities.js";   //which is a module
import myClass from "./MyClass.js";   //which is a class
import myObject from "./MyObject.js";   //which is a javascript object

var myModule = (function(){

    function myFunc(){ ...}

    return {
        myFunc:myFunc
    };
})();

Utilities.js

export var utilities = (function(){
   //code lines
})();

MyClass.js

export class myClass {
   //code lines
}

MyObject.js

export var myObject = {
   prop1:"xyz",
   prop2:"pqr"

}

webpack.config.js

module.exports = {
entry: './MyModule.js',
    output: {
      path: './dist',
      filename: 'bundle.js',
      libraryTarget: 'var',
      library: 'MyModule'
    }
};

Это все мои файлы JS.И я звоню myModule.myFunc() по нажатию кнопки в Test.html

Test.html

<script src="dist/bundle.js">
<button onclick="myModule.myFunc()">Test</button>

После нажатия кнопки Iполучаю ошибку, typeError: myModule.myFunc не является функцией.

Пожалуйста, исправьте меня, если я что-то делаю не так.