Если я в browserlists оставлю самые последние версии браузеров, babel все равно не будет использовать import синтаксис с бандле?

там вроде надо отключать в конфиге у плагинов modules: false

webpack.config.js

output: {
    path: resolve(__dirname, 'build'),
    filename: '[name].js',
    publicPath: '/',
  },

devServer: {
    historyApiFallback: true,
  },

Подскажите, в чем проблема? React приложение

что в девтулзах?

Такая проблема когда перехожу на какой то роут и обновляю страницу и только в yarn dev режиме

ссылки не правильные небось

а надо: /dist/js/...

Какой dist? Где вы тут dist видите?

это просто пример. Смотри пути свои

webpack.config.js

output: {
    path: resolve(__dirname, 'build'),
    filename: '[name].js',
    publicPath: '/',
  },

devServer: {
    historyApiFallback: true,
  },

Приложение работает, но при обновлении страны на каком то роуте выдает ошибку. Если не перезагружать то все роуты работают

помогите пожалуйста разобраться почему чанки нумеруются вместо именования

webpack.config.js

output: {
        publicPath: '/',
        filename: '[name].js',
        chunkFilename: '[name].js',
        ...
}

в коде использую

import(/* webpackChunkName: 'Page1' */ '../pages/Page1')

в результате сборки получаю 0.js вместо Page1.js

output: {
        publicPath: '/',
        filename: '[name].js',
        chunkFilename: '[name].js',
        ...
}

import(/* webpackChunkName: 'Page1' */ '../pages/Page1')

Может не тот конфиг запускаешь

Попробуй двойные ковычки вместо одинарных

output: {
        publicPath: '/',
        filename: '[name].js',
        chunkFilename: '[name].js',
        ...
}

import(/* webpackChunkName: 'Page1' */ '../pages/Page1')

а что в optimization?

Оптимизации нет - это дев кофиг

а дев конфа разве собирает чанки?