在之前文章中提到了在webpack中,使用require.context如何自动导入组件,这篇文章将提到在vite中,我们如何使用import.meta.globEager实现自动化导入store中的模块;

下面直接上代码:

const modulesFiles = import.meta.globEager('./modules/*.ts')

const modules = Object.keys(modulesFiles).reduce(
  (modules: { [key: string]: any }, path: string) => {
    const moduleName = path.replace(/^\.\/modules\/(.*)\.\w+$/, '$1')
    modules[moduleName] = modulesFiles[path]?.default
    return modules
  },
  {}
)
export default modules

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐