在之前文章中提到了在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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐