Webpackにおける絶対パス

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

webpack.config.jsimport path from 'path';

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

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

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

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

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

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