É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.