0
173
Vistas¿Hay alguna manera de colocar cada archivo de configuración en un directorio de configuración en lugar de root en el proyecto Node?
Últimamente, he estado creando una extensión de Chrome y para eso, uso un montón de herramientas y paquetes que requieren un archivo de configuración, que generalmente comienza con un punto. En el directorio raíz, todo se ve muy desordenado y me toma unos segundos encontrar un archivo en la raíz.
----- |__ src/ |__ static/ |__ .prettierc |__ .prettierignore |__ .gitignore |__ .parcelrc |__ README.md |__ manifest.json |__ popup.html Lo que quiero hacer es poner cada archivo de configuración en un directorio llamado config/ como muestro aquí.
----- |__ src/ |__ static/ |-- config/ | |__ .prettierc | |__ .prettierignore | |__ .gitignore | |__ .parcelrc | |__ README.md |__ manifest.json |__ popup.html¿Cómo puedo lograr esto sin romper la funcionalidad normal? ¡Gracias!
Sé que algunas herramientas te permiten definir tu archivo de configuración en cualquier lugar que desees. Sin embargo, algunos de ellos son estrictos y ni siquiera puedes cambiarles el nombre. Busqué las herramientas que usé pero no puedo encontrar ninguna información sobre este problema.
1 Respuestas
Responde la pregunta0
1. Use la configuración IDE para ocultar archivos de configuración
Le recomiendo que los mantenga en su ubicación predeterminada, ya que es una convención común hacerlo. En cambio, puede simplemente ocultarlos y esto es lo que hago la mayor parte del tiempo para mantener limpia la estructura de mi proyecto.
Si usa VS Code, puede agregar un .vscode/settings.json y ocultar los archivos que no desea ver en la pestaña del explorador. Puede alternarlos cuando necesite verificar o editar alguno.
Contenido del archivo .vscode/settings.json para su caso:
{ "files.exclude": { ".prettierrc": true, ".prettierignore": true, ".gitignore": true, ".parcelrc": true } } De manera similar, si usa IDE de JetBrains, vaya a File > Settings > Editor > File Types > Ignore files and folders y agregue la lista de archivos que desea ocultar. Tu navegador será mucho más limpio.
2. Use una extensión de VS Code para anidar archivos
- Instale vscode-file-nesting-config de Anthony Fu en su IDE de VS Code.
- Agregue estas líneas a su archivo
settings.json:
{ // keep other settings as they are, and add the following at the bottom: "explorer.experimental.fileNesting.patterns": { "configs": ".gitignore, .prettierrc, .prettierignore, .parcelrc" } }- Agregue un archivo vacío llamado
configsen la raíz de su proyecto.
Finalmente, debes tener algo como esto que es probablemente lo que estás buscando:
3. Agregue banderas a los comandos que ejecuta para usar una ruta diferente para los archivos de configuración
Si aún desea cambiar su ubicación, esto podría ser útil para usted.
Cuando ejecute el comando prettier , agregue las siguientes banderas:
prettier --config [.prettierrc path] --ignore-path [.prettierignore path]