vue为什么import()、require()不能以参数的方式导入？怎么动态导入文件呢？

Question

为什么括号里面不能放变量？怎么才能动态导入文件呢？

import()会报错：

require()也报错：

Answer 1

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import#%E5%8A%A8%E6%80%81import

关键字import可以像调用函数一样来动态的导入模块。以这种方式调用，将返回一个 promise。

import('/modules/my-module.js')
  .then((module) => {
    // Do something with the module.
  });
Copy to Clipboard
这种使用方式也支持 await 关键字。

let module = await import('/modules/my-module.js');