Webpackにおける絶対パス

Webpackの動作には、NodeJSに組み込まれているモジュール path が必要です。それをインポートしましょう：

import path from 'path';

このモジュールから必要なのは、 resolve メソッドです。このメソッドは引数として相対パスを受け取り、それをオペレーティングシステムのルートからの絶対パスに変換します。

let test = path.resolve('src');
console.log(test); // 絶対パス/src

カンマ区切りで複数のパスを渡すこともできます。この場合、スラッシュで結合されます：

let test = path.resolve('src', 'images');
console.log(test); // 絶対パス/src/images

次のコードを実行した結果を確認してください：

let test = path.resolve('dist');
console.log(test);

次のコードを実行した結果を確認してください：

let test = path.resolve('dist', 'assets');
console.log(test);