Caminhos absolutos no Webpack

Para o Webpack funcionar, ele precisa do módulo path integrado no NodeJS. Vamos importá-lo:

webpack.config.jsimport path from 'path';

Deste módulo, precisamos do método resolve. Este método recebe como parâmetros um caminho relativo e transforma-o em um caminho absoluto a partir da raiz do sistema operacional.

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

Você pode passar vários caminhos separados por vírgula. Neste caso, eles serão concatenados com uma barra:

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

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

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