__dirname, path и раздел resolve для webpack

Раздел (webpack.config.js) resolve используется для разрешения поиска файлов.

Массив расширений extensions используется при поиске файлов импортируемых (подключаемых) в приложение.

Псевдонимы (alias) - это краткие имена путей для поиска модулей.

При помощи __dirname и модуля path можно определить псевдоним для корневого каталога приложения и использовать везде при импорте модулей вместо относительных путей.

Так как мы редактируем webpack.config.js, то __dirname относится к каталогу, в котором находится webpack.config.js.

Модуль path применяется, чтобы упростить определение путей к файлам в различных операционных системах.

path.join - объединяет все указанные сегменты пути с разделителем соответствующим текущей платформе.

// webpack.config.js
//..
resolve: {
    // файлы подключаемые в приложение без указания расширения
    extensions: ['', '.js', '.json', '.jsx', '.less'],
    alias: {
        // стартовая точка (appRoot) для вложенных модулей
        'appRoot': path.join(__dirname, 'js'),
        'vendor': 'appRoot/vendor'
    }
},
//..

Использование:

//app.js
import Login     from 'appRoot/views/login';