Ngữ cảnh điểm vào trong Webpack

Thông thường các tệp của dự án nằm trong một thư mục nào đó. Trong trường hợp của chúng ta đó là src. Kết quả là trong tất cả các đường dẫn, chúng ta phải ghi rõ thư mục này:

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

Bằng cách sử dụng lệnh context có thể chỉ định đường dẫn đến thư mục chung của dự án. Trong trường hợp này, đường dẫn của các điểm vào sẽ được đơn giản hóa:

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',
  },
};