javascript - 如何在 webpack 输出的不同入口点共享同一个类的实例

Question

在 webpack 的不同入口点文件中导入类是否会创建导入类的新实例。就像我想导入一个类 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

如所述here Webpack 为每个入口点都有一个单独的缓存，但您可以将配置设置为缓存以 commons.js 结尾的所有内容(如果您使用 splitChunks)，这样只会创建一个实例。希望对您有所帮助。