跨多个组件使用相同的JavaScript库

跨多个组件使用相同的JavaScript库,javascript,vue.js,Javascript,Vue.js,我正在编写一个Vue SPA,其简化结构如下: 应用程序 |-组成部分1 |-构成部分2 |-构成部分3 在这3个组件中,我需要使用一个导入的JavaScript库。目前,这些组件中的每一个都独立导入库。但是,库很大,导致大量内存使用。一次导入库并跨我的3个组件使用它的最简单方法是什么?但是,库很大,导致大量内存使用你确定吗?大多数像Webpack和Parcel这样的建设者应该能够优化这个问题。谢谢你的回复。我不清楚我最初的细节。问题不在于加载库本身,而在于构建库用于某些分析的“analyzer

我正在编写一个Vue SPA,其简化结构如下:

应用程序

|-组成部分1

|-构成部分2

|-构成部分3


在这3个组件中,我需要使用一个导入的JavaScript库。目前,这些组件中的每一个都独立导入库。但是,库很大,导致大量内存使用。一次导入库并跨我的3个组件使用它的最简单方法是什么?

但是,库很大,导致大量内存使用
你确定吗?大多数像Webpack和Parcel这样的建设者应该能够优化这个问题。谢谢你的回复。我不清楚我最初的细节。问题不在于加载库本身,而在于构建库用于某些分析的“analyzer”对象。我最初的计划是在主App.vue中初始化分析器,并将分析器绑定到组件。我无法做到这一点(原因我想我现在可能已经很清楚了),所以我采用了我目前的方法。如果我原来的计划是正确的,我想我现在就可以实施了。如果您对analyzer对象的生成进行了缓慢而繁重的测量(这里非常强调:您需要使用开发工具进行测量),那么您可以创建自己的库:在类似
analyzer.js
的程序中,只需创建对象并导出它。然后你可以把它导入任何你想导入的地方。谢谢你的帮助,老实说,我还是个新手。我注意到的唯一原因是firefox会使用tabNo problem=)来增加1GB的容量——至于firefox在RAM中的跳跃,这确实很奇怪。试着用这个,尤其是那个。祝你好运