在 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 中使用单例来实现这一点有什么想法吗?
最佳答案
如所述here Webpack 为每个入口点都有一个单独的缓存,但您可以将配置设置为缓存以 commons.js 结尾的所有内容(如果您使用 splitChunks),这样只会创建一个实例。希望对您有所帮助。
关于javascript - 如何在 webpack 输出的不同入口点共享同一个类的实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50572176/