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

Question

Я создаю пакет node_modules со многими компонентами React, которые впоследствии можно установить в папку node_modules, каждый компонент имеет несколько импортных js и less ...

Я бы хотел минимизировать каждый компонент отдельно, сделать так, чтобы модуль es5 был экспортирован для отдельного использования вact-app, минимизировать их отдельно (как javascript, так и менее) без объединения импортированных модулей из npm (они остаются необходимыми)...

Я пробовал несколько способов, какой вид работы, но есть ли хороший способ остановить пакетирование веб-пакетов?как будет выглядеть webpack.config.js в этом случае?

Answer 1

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

module.exports = [
  {
    entry: './src/apple',
    mode: 'production',
    output: {
      library: 'apple',
      libraryTarget: 'umd',
      filename: 'apple.min.js',
    },
  },
  {
    entry: './src/orange',
    mode: 'production',
    output: {
      library: 'orange',
      libraryTarget: 'umd',
      filename: 'orange.min.js',
    },
  },
];

Обратите внимание, что это пример веб-пакета 4, но предыдущие версии также допускают массив (у них нет modeхоть).Если есть общая конфигурация, вы, конечно, можете распространять / объединять в общих частях для каждого элемента.