Vue - 自动导入某个文件夹下的所有js文件

最新推荐文章于 2024-07-23 15:07:17 发布

前端开发工程师_wangmr

最新推荐文章于 2024-07-23 15:07:17 发布

阅读量928

点赞数 1

文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_55778010/article/details/132597116

版权

本文介绍了在Node.js中，通过require.context函数简化了modules文件夹下的模块导入过程，通过模块路径处理和reduce方法实现了按需加载并自动提取default属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// modules文件夹下太多模块，导入比较麻烦，使用context实现模块化导入
const modulesFiles = require.context('./modules', true, /\.js$/)

const modules = modulesFiles.keys().reduce((modules, modulePath) => {
  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
  const value = modulesFiles(modulePath)
  modules[moduleName] = value.default
  return modules
}, {})