บริบทของจุดเข้าใน Webpack

โดยทั่วไปแล้วไฟล์โปรเจกต์จะอยู่ ในโฟลเดอร์ใดโฟลเดอร์หนึ่ง ในกรณีของเราคือ src ส่งผลให้ ในทุกเส้นทางเราจำเป็นต้อง ระบุโฟลเดอร์นี้:

webpack.config.jsexport default {
  entry: [
    './src/test1.js',
    './src/test2.js'
  ],
};

ด้วยคำสั่ง context คุณสามารถระบุเส้นทางไปยังโฟลเดอร์ทั่วไป ของโปรเจกต์ได้ ในกรณีนี้เส้นทางของจุดเข้า จะง่ายขึ้น:

webpack.config.jsexport default {
  context: path.resolve('src'),
  entry: [
    './test1.js',
    './test2.js'
  ],
};

webpack.config.jsexport default {
  entry: [
    './src/test1.js',
    './src/test2.js',
    './src/test3.js',
  ],
};

webpack.config.jsexport default {
  entry: {
    f1: './src/test1.js',
    f2: './src/test2.js',
    f3: './src/test3.js',
  },
};