Как совместно использовать один и тот же экземпляр класса в разных точках входа в выводе веб-пакета

Question

Создает ли новый экземпляр импортируемого класса импорт класса в разных файлах точек входа в веб-пакете.Как я хочу импортировать класс AJAX, чей экземпляр должен быть одинаковым во всем проекте в обоих файлах точки входа.

Сейчас он используется как глобальный объект, но я хочу экспортировать его как модульв форме класса или объекта, а также с сохранением одного и того же экземпляра во всех файлах. https://github.com/phpmyadmin/phpmyadmin/blob/master/js/ajax.js

Это мой файл конфигурации webpack, в котором два разных файла имеют оба импортированных объекта AJAX.

entry: {
    db_search_new: './js/src/db_search.js',
    tbl_structure_new: './js/src/tbl_structure.js'
},
output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'js/dist'),
    publicPath: 'http://localhost:3007/js/dist'
},

Как мне добиться этого с помощью модулей javascript?Любая идея о горячей реализации этого с помощью синглетонов в JavaScript?

Answer 1

Как описано здесь В Webpack есть отдельный кеш для каждой точки входа, но вы можете настроить свою конфигурацию так, чтобы она кэшировала все, что заканчивается в commons.js (если вы используете splitChunks), так что создается только один экземпляр,Надеюсь, это поможет.