如何在 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中使用单例模式的想法？

- Piyush Vijay

Answer 1

如此处所述，Webpack为每个入口点设置了单独的缓存，但您可以将配置设置为缓存以commons.js结尾的所有内容（如果使用splitChunks），以便只创建一个实例。希望这有所帮助。

- user1218631