import动态加载css时

Question

今天在组件中动态加载css，想到了import()，经尝试

interface Props {
  icon?: unknown;
  transverse?: boolean;
}
const props = defineProps<Props>();
if (props.transverse) import('@/styles/transition.less');

这样css就可以生效了，但我有个疑问，import()返回的Promise，为什么css不需要.then去获取呢

Answer 1

import并不是运行时关键字，import css 经过编译后，会直接在html中插入<style></style>，而且你也不需要后续操作，当然就没有必要then了。