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

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

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理