vue.js - Vuejs 3 - vitejs 中 require.context 的替代方案是什么

Question

我正在寻找在 vitejs 中制作与 webpack 的 require.context 相同逻辑的方法，我发现这个名为 vite-plugin-import-context 的插件，我试过了，但有一些我不明白的地方是 import dynamicImport from '../src/index' 在基本用法中:

import { UserConfigExport } from 'vite';
import vue from '@vitejs/plugin-vue';

import dynamicImport from '../src/index';// <-- this is not described

export default (): UserConfigExport => {
  return {
    plugins: [vue(), dynamicImport(/*options*/)],
  };
};

Answer 1

在使用 Vite 时，绝不应该在源代码中使用 require。只有 ESM。对于 Vite v2，可以使用 import.meta.globEager。对于 Vite >v2，import.meta.globEager 已弃用。请改用 import.meta.glob('*', { eager: true })。