从项目模块动态导入Vue CLI

Question

我知道可以从捆绑的webpack文件中导入组件

dvc repro

是否可以像动态导入一样实现这一点。

import {componentA, componentB} from '../component.bundle';

如果是，请如何？谢谢

Answer 1

是，使用dynamic imports：

要动态导入模块，可以调用import关键字。当以这种方式使用时，它将返回一个promise。

我从您的url示例中假设，您的导入位于项目的assets目录（即src>资产）中，实际上不在外部域中。在这种情况下，您不需要axios。您可以这样做：

const path = 'assets/default/js/bundle/vue_data.bundle.js';
import('@/' + path).then(module => {
  const {Add, Edit, Filter, View} = module;
});

您需要对@/部分进行硬编码，否则会出现问题，例如如果您尝试对import(path)做const path = '@/assets/default/js/bundle/vue_data.bundle.js'