เส้นทางสัมบูรณ์ใน Webpack

สำหรับการทำงานของ Webpack จำเป็นต้องมีโมดูล path ในตัวของ NodeJS มาเริ่มต้นด้วยการนำเข้าโมดูลนี้:

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);