vue.js - 使用 raw-loader 从每个文件夹内的文件中获取数据

Question

我有一个示例文件结构：

-data
   -cars
   -users

在这些文件夹中的每一个（汽车和用户）中，我都有一个 config.js 文件，我在其中导出了一个带有数据的对象，例如：

export default {
     title: 'aaa',
     color: 'bbb',
}

问题：如何在不导入这些文件 (config.js) 的情况下访问它们。我有一个用 Vue 编写的项目。我的意思是，例如，通过 raw-loader 从 webpack 下载数据，但在其中我必须声明路径，我的意思是路径应该如下所示：../data/(every folder inside 'data' folder)/config.js

const versioninfo = require(`raw-loader!${../data/(every folder inside 'data' folder)/config.js}`).default
console.log(versioninfo)

Answer 1

我找到了另一个解决方案，我使用了require.context：

const getConfig = require.context(
    '../data',
    true,
    /\/[\w-]+\/config\.js$/,
)
getConfig.keys().forEach(fileName => {
    const file = require(`../data${fileName.substring(1)}`).default
    console.log(file)
})