vue3+vite+ts使用require.context

vue3+vite+ts使用require.context

在vue3+vite+ts框架中使用require.context是会报错的。例如如下代码：

const req = require.context('./ts', false, /\.ts$/);
console.log(req);

就会得到报错：

那么在vue3+vite+ts中，如何找到对应的方法呢？就可以使用 import.meta.globEage或者 import.meta.glob方法了。
import.meta.glob 为动态导入，构建时，会分离为独立的 chunk;而import.meta.globEager为直接引入。

const utilFuns: any = {};
const files = import.meta.globEager('./*.ts');
Object.keys(files).forEach((fileName) => {
    const name = fileName.replace(/\.\/|\.ts/g, '');
    utilFuns[name] = files[fileName].default;
});
export default utilFuns;

而直接使用require.context时，则如下操作即可：

const utilFuns: any = {};
const files = require.context('./', false, /\.ts$/);
files.keys().forEach((key: any) => {
    const name = key.replace(/\.\/|\.ts/g, '');
    utilFuns[name] = files(key).default;
});
export default utilFuns;