performance - 在 vue.js 中重复导入是否有任何效率问题

Question

我确实重构了一些 vue 代码并找到了如下所示的重复项；

- main.ts
import BootstrapVue from 'bootstrap-vuew';
Vue.use(BootstrapVue);

我知道如果 main.ts 执行“import bootstrap-vue”，那么其他 vue 文件使用 bootstrap 组件而不导入。但是我的同事对每个 vue 组件都做这无意义的事情。

所以我想知道这种重复是否有任何关键的效率问题？如果是，它与渲染速度有关吗？

标签： performancevue.jsimport

Answer 1

在全局“main.ts”中导入一个库，足以在整个应用程序的任何组件中使用。但是在所有组件中多次导入会导致构建文件过大。所以，最好在“main.ts”中只使用一个库的导入。