关于es6:使用-requirecontext实现自动化导入按文件夹导入

130次阅读

共计 530 个字符,预计需要花费 2 分钟才能阅读完成。

例:
要导入的动态文件夹构造

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’
`

正文完
 0