vue.js/electron 如何列出公用文件夹中的所有文件夹名称

Question

我是 Vue/ Electron 领域的新手......
我需要列出/public 目录中的所有文件夹名称。
这些文件夹内可能是其他带有 .pdf 文件的子文件夹。

到目前为止，我尝试使用:

require.context('@/../public/pdf/moreFolders', true, /^.*\.*$/)

但这似乎更多地用于在文件夹中显示文件。

最后，我想显示一个具有该公用文件夹树结构的菜单。

知道如何在 Vue 中显示这样的结构吗？

Answer 1

您可以简单地使用 nodejs 模块列出文件并读取内容:

const fs = require('fs')
...

如果构建应该包含这些文件，您必须在 vue.config.js 中添加一个条目

module.exports = {
  transpileDependencies: [
    'vuetify'
  ],
  pluginOptions: {
    electronBuilder: {
      builderOptions: {
...
         extraFiles: [
          {
            from: './data',
            to: 'data',
            filter: [
              '**/*'
            ]

但这只是需要的，如果你想使用另一个目录，我会建议。据我所知，公共(public)总是被复制的。