• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

234
Views
¿Cómo configuro el paquete para salir de la compilación con un error si eslint no valida?

Estoy construyendo una aplicación de reacción con paquete. Tengo una configuración de eslint que me gusta y uso las herramientas de VSCode para detectar errores de eslint y corregirlos mientras codifico. La aplicación se compila correctamente a partir de ahora. Así que todo eso está bien.

Sin embargo, como precaución adicional, me gustaría configurar el paquete para ejecutar eslint, usando mi configuración, y para detener el proceso de compilación y generar un error cuando no he seguido las reglas de eslint, ya sea al ejecutar el servidor de desarrollo o compilar para producción.

Conozco este paquete npm por buscar en Google, pero el paquete no tiene un archivo Léame y no puedo encontrar las instrucciones de configuración en los documentos del paquete: https://www.npmjs.com/package/@parcel/validator-eslint

Como referencia, estoy usando el paquete 1.12.3, pero estaría abierto a cambiar al paquete 2.xx si fuera necesario.

¡Gracias!

about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

En el paquete v2, puede usar el complemento @parcel/validator-eslint para lograr esto. Así es cómo:

  1. Instale eslint y @parcel/validator-eslint en su proyecto. Tenga en cuenta que este complemento actualmente solo funcionará con eslint v7 o anterior debido a este error (que esperamos que podamos solucionar pronto ;-))

     yarn add -D eslint@7 @parcel/validator-eslint
  2. Agregue un archivo .eslintrc.json a su proyecto con su configuración. Es mejor usar un archivo de configuración estático (como .json o .yaml ) en lugar de uno dinámico (como .js ) si puede, porque eso ayuda a que el almacenamiento en caché de paquetes sea más eficiente y rápido (ver documentos ). Aquí hay un ejemplo de archivo básico que funciona, pero puede ampliarlo para satisfacer sus necesidades consultando los documentos de eslint :

     { "env": { "browser": true }, "extends": [ "eslint:recommended" ], "parserOptions": { "ecmaVersion": 2020, "sourceType": "module" } }
  3. Dígale a configure parcela que use el complemento para archivos javascript agregando un archivo .parcelrc en la raíz de su proyecto (o modifique su archivo .parcelrc existente para incluir la entrada de "validators" a continuación):

     { "extends": "@parcel/config-default", "validators": { "*.{js,mjs,jsm,jsx,es6,cjs,ts,tsx}": [ "@parcel/validator-eslint" ] } }

Ahora, si tiene un error de eslint, debería aparecer en un paquete como este:

 🚨 Build failed. @parcel/validator-eslint: ESLint found 1 errors and 0 warnings. C:\Users\ansteg\Projects\parcel-eslint-example\src\index.js:2:7 1 | // This unused variable should trigger an ESLint error. > 2 | const unusedVar = "Hello!"; > | ^^^^^^^^^^ 'unusedVar' is assigned a value but never used. 3 |

Consulteeste repositorio de github para ver un ejemplo de trabajo.

about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error