使用require.context自动化导入模块 -- 工作笔记

起因：在运行公司项目的时候发现某个js文件在执行，但是我并不知道他是怎样执行了。接着我在整个项目里并没有看到import XXX from 'xxx.js’或者是require(‘xxx.js’)的字眼。最后是在主文件js里（其实也可以说是次文件吧）看到了require.context这个东东。
结果：自己写了一遍，下面是使用的例子。
先说一下require.context这个东东。

require.contextwepback官网有介绍。
require.context()函数创建自己的上下文，它可以遍历文件夹的指定文件，然后实现自动化导入模块，不用一个一个import进来。
主要有三个参数

require.context(directory, useSubdirectories = true, regExp = /^\.\/.*$/, mode = 'sync');

第一个是要搜索的文件夹，第二个是否要搜索子文件的子目录，第三个是正则表达式，筛选自己想要的那个文件,第四个我也不知道是什么意思哈哈。
下面来看例子
首先我们创建一个文件夹，里面创建一个export.js文件（我这里就指只创建一个js文件了）

注意这里要暴露出去
接着在主文件里面main.js写入

展开是这样的

接着的代码

打印结果

Vue.use(plugin.default); //这个是最后一步，注意看上面

验证

这里的Export等同于上面的plugin.default

最后一步创建export.vue

-------前端施工员工作小记