使用 require.context实现自动化导入(按文件夹导入)

例:
要导入的静态文件夹结构

const folderReader = require.context('../../../../assets/chartTypes/options',false,/\.js$/);

folderReader返回一个方法
webpackContext(req)

使用：

 const __chartTypes = folderReader.keys().map((k)=>{
    return folderReader(k).default;
 });

其中folderReader.keys()返回文件夹内的文件相对路径的数组:

使用返回的数组作为参数调用folderReader返回的方法，就能取得对应的文件内export default 的输出
folderReader(k)的输出:

最后获得__chartTypes的值:

---

还有要注意的是，我这里的静态option文件内部是附带了图片的引用，以方便生成带图片的选项。
由于路径问题以及打包之后重命名的问题，option内是不能直接使用相对路径定位图片并传出来的。
而是应该使用import：
`
import image from '@/pages/charts/assets/chartTypes/images/基础折线图.png'
`