Как изменить путь async chunks в webpack?

Для изменения пути async chunks в webpack, необходимо внести соответствующие изменения в настройки конфигурации webpack.

По умолчанию, webpack создает async chunks, которые являются частями кода, которые загружаются асинхронно при необходимости. Путь к этим асинхронным частям кода по умолчанию имеет вид [name].[chunkhash].js, где [name] - это имя чанка, а [chunkhash] - это уникальный хэш данного чанка.

Для изменения пути async chunks, вам понадобится использовать опцию output.chunkFilename в конфигурации webpack. Например, вы можете изменить путь на js/[id].[name].[chunkhash].js следующим образом:

module.exports = {
  //...
  output: {
    //...
    chunkFilename: 'js/[id].[name].[chunkhash].js',
  },
};

В данном примере, [id] определяет уникальный идентификатор чанка, а [name] и [chunkhash] остаются те же самые. Вы можете настроить путь к async chunks по своему усмотрению, добавляя или удаляя нужные токены.

Также стоит отметить, что важно применять асинхронную загрузку только тех частей кода, которые необходимы после основной загрузки страницы. Использование асинхронных чанков помогает уменьшить время загрузки и повысить производительность вашего веб-приложения.

В итоге, внесение указанных изменений в конфигурацию webpack позволит вам задать нужный путь к async chunks в вашем проекте.