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

Question

我正在寻找require.context在 vitejs 中创建与 webpack 相同逻辑的方法，我发现了这个名为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

import.meta.glob() 是 webpack 替代 require.context() 。自 v2.3.4 起已在 vite 中添加。

这是文档的链接https://vitejs.dev/guide/features.html#glob-import

Answer 2

是的，该示例直接取自存储库中的示例文件夹，因此它仅适用于该存储库。

如果您通过 npm 或 yarn 安装插件，则该行应如下所示import dynamicImport from 'vite-plugin-import-context'