webpack.config ścieżka relatywna vs path.resolve() vs path.join()

Cześć

Wiem że w pliku webpack.config.js mogę pisać index w sposób 'relatywny':

• entry : "./katalog_1/katalog_2/bingo.js"

ale ścieżkę output muszę pisać albo absolutnie albo:

• path: path.resolve(__dirname, 'dist')

Tutaj: https://code.luasoftware.com/[...]ultiple-css-into-single-file/
autor w sekcji entry używa path.resolve() do każdego z plików css.

A tutaj: https://medium.com/trabe/mult[...]les-with-webpack-75f263095f09
Zamiast path.resolve() autor używa path.join();

Teraz mam mętlik.

Powiedzcie mi proszę:

• Kiedy mam używać path.resolve(), kiedy path.join() a kiedy ścieżki relatywnej ?
• Czym różni się od siebie path.resolve() od path.join() ?
• Dla czego w ogóle się stosuje takie metody ?

Tutaj masz ładny opis czym te metody się różnią:
https://stackoverflow.com/a/39836259

tldr;

path.join() robi jedynie konkatenacje, a path.resolve() dodatkowo uwzględnia czy któryś z argumentów to ścieżka bezwzględna i ignoruje poprzednie argumenty. Dodatkowo obie metody przy łączeniu uwzględniają to jaki masz system - w Windowsie łączenie w ścieżkach odbywa się poprzez znak \ a w systemach unixopodobnych poprzez znak /.

Ogólnie zaleca się używania path.resolve().