Rutas absolutas en Webpack

Para que Webpack funcione, se necesita el módulo integrado en NodeJS path. Importémoslo:

webpack.config.jsimport path from 'path';

De este módulo, necesitamos el método resolve. Este método toma como parámetros una ruta relativa y crea a partir de ella una ruta absoluta desde la raíz del sistema operativo.

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

Se pueden pasar varias rutas separadas por comas. En este caso, se unirán con una barra:

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

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

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