例:
要导入的动态文件夹构造
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’
`