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: [
              '**/*'
            ]

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