Vérifier le code JS et CSS avec Webpack

Pour valider que le code JS et CSS est écrit de manière uniforme, vous pouvez utiliser un linter dans WebPack.

Exemple d'utilisation pour le JavaScript.

Installation :

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

Configuration (enforce permet de force l'ordre d'execution du loader) :

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

Le linter doit être configurer avec un fichier .eslintrc. Exemple de fichier .eslintrc :

{
    "extends": "standard"
}

Remarque : Pour le CSS vous pouvez utiliser le plugin stylelint-webpack-plugin