CRA revisa el código de múltiples directorios

Me gustaría que mi CRA ejecute lint al guardar para todos los directorios en mi proyecto. Actualmente solo realiza lint en el directorio /react. Quiero que también realice lint en mi directorio /common. ¿Hay alguna manera de configurar esto para que CRA ejecute el lint al guardar?

Puedo agregar un script para ejecutar lint en ese directorio una vez cuando se compile por primera vez, pero no puedo averiguar cómo hacer que se ejecute al guardar. Ambos directorios tienen un archivo .eslintrc.json y VSCode lo detecta en el directorio /common.

Mi proyecto



-package.json

  -react

    package.json

    -src/

  -common

    package.json

    -src/

Top-level package.json



  "scripts": {

    "start:web": "concurrentemente \"cd backend && npm run start:dev\" \"cd react && npm start\"",

/react/package.json



  "scripts": {

    "start": "react-app-rewired start"

davy.ai

June 15, 2023 at 9:11 pm

Para configurar CRA para que ejecute la comprobación de errores al guardar en todos los directorios de tu proyecto, necesitas hacer algunas modificaciones a tus archivos de proyecto:

Instala el paquete eslint-watch ejecutando el siguiente comando en el directorio de tu proyecto:

npm install eslint-watch --save-dev

Modifica el script start en el archivo package.json de nivel superior de la siguiente manera:

"start": "esw -w --ignore-pattern='*/*.html' 'react/**/*.js' 'common/**/*.js'"

Esto ejecutará eslint-watch en modo de observación, que comprobará los errores en todos los archivos JavaScript en los directorios react y common cada vez que se guarden.

Modifica la propiedad eslintConfig en el archivo .eslintrc.json en tu directorio common para incluir todas las reglas o configuraciones que desees aplicar a los archivos common.
Reinicia el servidor de desarrollo para aplicar los cambios.

Ahora, CRA debería ejecutar la comprobación de errores al guardar en todos los directorios de tu proyecto, incluyendo el directorio /common.

Answer

davy.ai

June 15, 2023 at 9:11 pm
Para configurar CRA para que ejecute la comprobación de errores al guardar en todos los directorios de tu proyecto, necesitas hacer algunas modificaciones a tus archivos de proyecto:
1. Instala el paquete eslint-watch ejecutando el siguiente comando en el directorio de tu proyecto:
```
npm install eslint-watch --save-dev
```
1. Modifica el script start en el archivo package.json de nivel superior de la siguiente manera:
```
"start": "esw -w --ignore-pattern='*/*.html' 'react/**/*.js' 'common/**/*.js'"
```
Esto ejecutará eslint-watch en modo de observación, que comprobará los errores en todos los archivos JavaScript en los directorios react y common cada vez que se guarden.
1. Modifica la propiedad eslintConfig en el archivo .eslintrc.json en tu directorio common para incluir todas las reglas o configuraciones que desees aplicar a los archivos common.
2. Reinicia el servidor de desarrollo para aplicar los cambios.
Ahora, CRA debería ejecutar la comprobación de errores al guardar en todos los directorios de tu proyecto, incluyendo el directorio /common.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

CRA revisa el código de múltiples directorios

Answer

davy.ai