Přidání ESLint pomocí gulp.js

Všiml jsem si, že na svých osobních projektech nekopíruji, ale u Mozilly a dalších projektů s otevřeným zdrojovým kódem chci určitou úroveň slušnosti. Čím více vývojářů přispívá do projektu, tím těsnější loď musíte mít. Nejjednodušší způsob, jak toho dosáhnout, je vyžadovat, aby příspěvky splňovaly určitá kritéria konvence kódu prostřednictvím nástroje, jako je ESLint. Protože rád používám gulp.js pro svůj proces sestavování, řekl jsem si, že bych se rád podělil o velmi základní použití ESLint pro váš projekt.

Začněte přidáním ESLint k vašemu package.json soubor nebo ruční instalace přes NPM:

npm install gulp-eslint

Díky ESLint, který je dostupný někde v cestě k uzlu, můžete nastavit lint úkolu ve vašem gulpfile.js:

gulp.task('lint', function() {
  return gulp.src('lib/**').pipe(eslint({
    'rules':{
        'quotes': [1, 'single'],
        'semi': [1, 'always']
    }
  }))
  .pipe(eslint.format())
  // Brick on failure to be super strict
  .pipe(eslint.failOnError());
});

Úplný seznam pravidel a možných hodnot naleznete zde. Jak přísní chcete být, závisí na vaší obecné filozofii v JavaScriptu. Mnoho lidí dělá lint část jejich test task také, aby travis-ci mohl odmítnout kód, který není k dispozici.

Nyní, když jsem napsal tento příspěvek, pravděpodobně si dám čas a přidám ESLint do svých osobních projektů, abych si mohl zvyknout vždy kódovat podle určitého standardu. Cvičení dělá mistra!