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

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

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