хз точно что он делает, но отключать плагины потомучто не работает то что ты внес, помоему такая себе идея

var browser = {
    entry: "./index.js",
    output: {
        path: __dirname + '/dist',
        publicPath: "/dist",
        filename: "main.js"
    },

    devtool: "source-map",


    module: { rules }
};

Никто не подскажет почеу при данной конфигурации в index.html cсылка на main.js работает а на dist/main.js не работает

Всем привет!
Вопрос по сборке: у нас приложение собирается под разных клиентов, на этапе сборки тоесть есть переменная с именем папки из которой берутся скрипты и ксс.
Сейчас gulp создает js в которой импортируются файлы из нужной папки, а webpack потом уже импортирует эту js.
Можно ли убрать из этой цепочки gulp и как-то подключать в конфиге эту папку в зависимости от переменной?

что значит "подключать"

Да сам не знаю как это может быть "webpack way" хочется просто gulp убрать.

"на этапе сборки тоесть есть переменная с именем папки из которой берутся скрипты и ксс. "
- вам нужно передать переменную в вебпак конфиг и там ее заюзать? вебпак может экспортировать из файла конфига не обьект а функцию в которой придут все переменные обьявленные при вызове сборки

"Сейчас gulp создает js в которой импортируются файлы из нужной папки" это тоже можно сделать с помощью require.context

Почитаю про context, спасибо!

A context is created if your request contains expressions, so the exact module is not known on compile time.

Вот там тоже получается, что будут подгружены все сборки и на этапе выполнения уже выбрана нужная.
А я на этапе сборки знаю уже значение переменной.

Например если в коде есть

import 'custom' + name + '/styles.js';

Я на этапе запуска знаю этот name уже, он прокинут в webpack.config.js

import 'custom' + name + '/styles.js';

используйте алиасы

Через подмену resolve.alias можно наверное попробовать

Не успел ) Спасибо )

ребятки, нужен совет

  output: {
    path: path.resolve(__dirname, 'dist/'),
    publicPath: `/${appName}`,
    filename: '[name].[chunkhash].js'
  },
  optimization: {
    splitChunks: {
      cacheGroups: {
        vendor: {
          name: 'vendors',
          test: /node_modules/,
          chunks: 'all',
          enforce: true
        }
      }
    }
  },

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

в адекватных браузерах воркает, а вот ИЕ11 не хочет даже ничего отрисовывать, а ошибка из разряда, что не видит какой-то файл

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

может кто-то даст наводку в какую сторону копать? в чем могут быть траблы?

Confirm that you are not a robot.

Ванга в отпуске счас

Копать в сторону проверки файла который "не видит"

а вообще 11 иешка поддерживает чанкинг?)

Чанкинг не нужно поддерживать