动态导入封装的模块的方法

标签：orgResult const ------------------ js 导入 模块 封装 post

具体架构应为，使用的方法为webpack的require的context()

　　require.context(directory,useSubdirectories,regExp)

　　　　1.directory（必需）：要搜索的目录，可以是相对路径或绝对路径。

　　　　2.useSubdirectories（可选）：布尔值，指示是否还应该搜索子目录。默认值为true。

　　　　3.regExp（可选）：一个正则表达式，用于匹配要导入的文件名。

　　require.context()返回一个函数，该函数具有三个属性：

　　　　1.resolve：接受一个参数（请求的模块路径），返回模块的解析路径。

　　　　2.keys：返回指定上下文中所有模块的路径数组。

　　　　3.id：上下文模块的标识符。

test

    |---modules

　　|---dicts.js

　　|---orgTree.js

    |---index.js

------------------index.js-----------------------

// 动态引入方法 const reqContext = require.context('./modules', false, /\.js$/) const moduleObj = {}
reqContext.keys().forEach((key) => {     const name = key.replace(/\.\/(.+)\.js$/, '$1')     moduleObj[name] = reqContext(key) }) module.exports = moduleObj   ------------------dicts.js------------------  import { post } from 'bw-utils/src/business/request/http' const getSysDict = (data) => {     return post({ url: '/sys/getSysDictBatch', prefix: '/moirai', data }) } module.exports = getSysDict   ------------------orgTree------------------ import { post } from 'bw-utils/src/business/request/http'   let orgResult = null const getOrgTree = async (data) => {     if (orgResult) return orgResult     orgResult = await post({         url: '/orgAndrole/getUserAuthOrgTree',         prefix: '/moirai',         data     })     return orgResult } module.exports = getOrgTree     3.文件中使用方法 import  {getSysDict,getOrgTree} from "@/api"

标签：orgResult,const,------------------,js,导入,模块,封装,post
From： https://www.cnblogs.com/jackdongdong/p/17800266.html