Chemins absolus dans Webpack

Pour que Webpack fonctionne, il a besoin du module intégré à NodeJS path. Importons-le :

webpack.config.jsimport path from 'path';

De ce module, nous avons besoin de la méthode resolve. Cette méthode prend comme paramètres un chemin relatif et en fait un chemin absolu à partir de la racine du système d'exploitation.

webpack.config.jslet test = path.resolve('src');
console.log(test); // chemin-absolu/src

Il est possible de passer plusieurs chemins séparés par des virgules. Dans ce cas, ils seront concaténés avec un slash :

webpack.config.jslet test = path.resolve('src', 'images');
console.log(test); // chemin-absolu/src/images

webpack.config.jslet test = path.resolve('dist');
console.log(test);

webpack.config.jslet test = path.resolve('dist', 'assets');
console.log(test);