有没有办法将每个配置文件放在config Directory中，而不是root Node Project中？

Question

最近，我一直在创建一个 chrome 扩展，为此，我使用了一堆需要配置文件的工具和捆绑器 - 通常以点开头。在根目录中，一切看起来都那么混乱，我花了几秒钟才在根目录中找到一个文件。

-----
|__ src/
|__ static/
|__ .prettierc
|__ .prettierignore
|__ .gitignore
|__ .parcelrc
|__ README.md
|__ manifest.json
|__ popup.html

我想要做的是将每个配置文件放入名为 config/ 的目录中，如我在此处所示。

-----
|__ src/
|__ static/
|-- config/
|   |__ .prettierc
|   |__ .prettierignore
|   |__ .gitignore
|   |__ .parcelrc
|
|__ README.md
|__ manifest.json
|__ popup.html

如何在不破坏正常功能的情况下实现这一目标？谢谢！

我知道有些工具可以让您在任何地方定义配置文件。然而，其中一些是严格的，你甚至不能重命名它们。我查找了我使用的工具，但找不到有关此问题的任何信息。

Answer 1

1。使用IDE设置隐藏配置文件

我建议您将其保留在其默认位置，因为这是这样做的常见约定。取而代之的是，您可以隐藏它们，这是我在大多数时候要保持项目结构清洁的操作。

如果使用VS代码，则可以添加.vscode/settings.json，然后隐藏您不想在Explorer选项卡中看到的文件。您可以在需要检查或编辑任何内容时将其重新切换。

.vscode/settings.json您的情况的文件内容：

{
  "files.exclude": {
    ".prettierrc": true,
    ".prettierignore": true,
    ".gitignore": true,
    ".parcelrc": true
  }
}

同样，如果您使用JetBrains IDES，请转到file＆gt;设置＆gt;编辑＆GT;文件类型＆gt;忽略文件和文件夹，并附加要隐藏的文件列表。您的导航器会更干净。

2。使用VS代码扩展名nest Files

• install vscode-file-nesting-nesting-nesting--nesting-nesting-- config 由Anthony Fu在您的VS代码IDE中。
• 将这些行添加到您的settings.json file：

{
  // keep other settings as they are, and add the following at the bottom:
  "explorer.experimental.fileNesting.patterns": {
    "configs": ".gitignore, .prettierrc, .prettierignore, .parcelrc"
  }
}

• 添加一个名为configs的空文件您的项目。
  最后，您必须拥有类似的东西，这可能是您要寻找的东西：

3。将标志添加到您运行的命令中，以使用配置文件的其他路径

如果您仍然想更改其位置，这可能对您有所帮助。.

运行Prettier命令时，添加以下内容标志：

prettier --config [.prettierrc path] --ignore-path [.prettierignore path]