Loaders

Les loaders Webpack sont des outils de transformation que Webpack appelle en fonction du type de ressources (par exemple, il va appeler le loader Scss pour transformer un fichier Scss en CSS).

Les loaders peuvent être chaînés pour réaliser plusieurs transformations.

Exemple :

        use: [
            {loader: 'css-loader', options: css_options},
            {loader: 'postcss-loader', options: css_options},
            {loader: 'sass-loader', options: css_options}
          ]

Permet d'executer : css-loader(postcss-loader(sass-loader(resource)))

Remarque : Ici nous avons utilisé la section "loaders", mais il existe aussi les sections "preLoaders" et "postLoaders" qui, comme leurs noms l'indiquent, se déclenchent avant ou après la section "loaders".

1. Babel Loader

2. Style Loader

3. file-loader