有没有办法将每个配置文件都放在一个配置目录而不是 Node 项目的根目录中？

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 Code，你可以添加一个 .vscode/settings.json 并在资源管理器选项卡中隐藏你不想看到的文件。当您需要检查或编辑任何内容时，您可以将它们切换回来。

.vscode/settings.json 您案例的文件内容：

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

同样，如果您使用 JetBrains IDEs，请转至 File > Settings > Editor > File Types > Ignore files and folders 并附加您要隐藏的文件列表。你的导航器会更干净。

2。使用 VS Code 扩展嵌套文件

在你的 VS 代码中安装 Anthony Fu 的 vscode-file-nesting-config IDE。
将这些行添加到您的 settings.json 文件中：

{
  // 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]

有没有办法将每个配置文件都放在一个配置目录而不是 Node 项目的根目录中？

Is there a way to put every configuration file to a config directory rather than root in Node project?

javascript

configuration

node.js

reactjs

webpack