Absolute paden in Webpack

Voor Webpack om te werken is de ingebouwde NodeJS module path nodig. Laten we deze importeren:

webpack.config.jsimport path from 'path';

Van deze module hebben we de methode resolve nodig. Deze methode neemt relatieve paden als parameters en maakt er een absoluut pad van, vanaf de root van het besturingssysteem.

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

Je kunt meerdere paden doorgeven, gescheiden door komma's. In dat geval worden ze met een slash samengevoegd:

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

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

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