Écrire un loader Webpack

La structure d'un loader est très simple. C'est une fonction qui reçoit un contenu en entrée et qui doit renvoyer le contenu transformé.

Exemple :

module.exports = function(content) {
    this.cacheable && this.cacheable();
    return "<!-- This is my comment -->";
};

On utilise notre fonction en la déclarant dans le fichier webpack.config.js :

Exemple :

// ...
module.exports = {
    // ...
    module: {
        loaders: [{
            test: /\.(html)$/,
            loader: "my-loader"
        }],
    // ...
}
// ...

Dans cet exemple, notre loader remplace le contenu des fichiers .html par un commentaire.