uni-app小知识点记录
一、require.context( )
const modulesFiles = require.context('./modules', true, /\.js$/)
文件结构示例:
语法: require.context(directory, useSubdirectories = false, regExp = /^.//);
- directory {String} -读取文件的路径
- useSubdirectories {Boolean} -是否遍历文件的子目录
- regExp {RegExp} -匹配文件的正则
返回值:require.context函数执行后返回的是一个函数,并且这个函数有3个属性
- resolve {Function}
-接受一个参数request,request为modules文件夹(引入的那个文件夹)下面匹配文件的相对路径,返回这个匹配文件相对于整个工程的相对路径 - keys {Function} -返回匹配成功文件模块的名字组成的数组
- id {String} -执行环境的id,返回的是一个字符串
console.log(modulesFiles.keys());
console.log(modulesFiles.resolve(modulesFiles.keys()[0]));
console.log(modulesFiles.id);
使用的好处:多个文件引入时,可以直接把一个文件夹下的所有文件都一起引入,不用挨个import方法引入了
文件内容处理:
const modules = modulesFiles.keys().reduce((modules, modulePath) => {
/* 数组的reduce方法:array.reduce(callback[, value]),用于对数组中的所有元素调用指定的回调函数,
该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供
callback函数第一个参数是上一次回调函数的返回值,或者提供的初始值(initialValue)
callback函数第二个参数是当前正在处理的元素
reduce方法第二个参数写的是[],modules就是数组。
reduce方法第二个参数写的是{},modules就是对象。
*/
const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
const value =