es6如何动态import？

Question

想要根据不同的环境引入不同的资源,如果如何修改

if(...){
  import ....
} esle {
   import ...
}

Answer 1

使用 import()：import() - JavaScript | MDN (mozilla.org)

理论上来说应该是这样

const { View, Text, Image } = await import("@tarojs/components");

但是由于 @ 需要预处理，所以实际要看构建工具是否正确处理了 @，需要实验一下。

Answer 2

var module;
if(...){
module = await import("@tarojs/components");
} esle {
module = await import("react-native");
}
console.log(module)
var { View, Text, Image ,ImageBackground} = module