Как настроить путь к index.html в webpack?

Question

[Артём]

Как настроить путь к index.html в webpack? Если перенести его из корня, то npm run dev открывает в браузере список каталогов. Как сделать, чтобы открывал index.html, даже если он не в корне?

Answer 1

[Антон Спирин]

Тут все зависит от того с какими вы директориями хотите работать.
Можно задать параметром devServer.contentBase нужную вам директорию:

devServer: {
  contentBase: path.join(__dirname, 'build', 'myFolder'),
}

Но тогда статические пути будут разрешаться относительно этой папки. Если вы собираетесь работать и с корневой директорией, то так делать не следует.

webpack-dev-server использует express и можно использовать хук devServer.before, чтобы получить доступ к app и добавить эндпоинт для корневого пути:

devServer: {
  before: (app, server) => {
    app.get('/', (req, res) => {
      res.sendFile(path.resolve(__dirname, './build/myFolder/index.html'));
    });
  },
},