Fonctionnement
Plugins intéréssants
Recettes
Changelog
Webpack 4
15 min

Parcequ'on aime bien avoir un code écrit de manière uniforme on souhaite mettre en place un linter pour notre code JavaScript. Il est possible de greffer ce genre d'outils via un loader. Dans notre cas on utilise eslint vu que l'on souhaite travailler avec la syntaxe ES2015.

On commence par installer le linter, le loader, et les préférences :

npm i -D eslint eslint-config-standard eslint-loader eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard

On va ensuite ajouter notre loader en forçant son ordre d'éxécution avec la clef enforce.

      {
        enforce: 'pre',
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: ['eslint-loader']
      },

Et on crée un fichier de configuration pour indiquer le standard que l'on souhaite utiliser.

{
    "extends": "standard"
}

Maintenant, dès que l'on modifiera un fichier, le linter va vérifier que notre code est écrit de manière correct.

Il est aussi possible d'ajouter d'autres linters comme par exemple un linter CSS (il n'y a pas de loader dédié mais il est possible de l'utiliser via le loader postcss).