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!
En el paquete v2, puede usar el complemento @parcel/validator-eslint
para lograr esto. Así es cómo:
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
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" } }
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.