Как извлечь библиотеку React в отдельный пакет?

Question

Можно ли извлечь библиотеки React и (или) ReactDOM для разделения пакета через Webpack 4?Например, у меня есть приложение React, которое включает в себя пакеты React, ReactDOM и Moment.js.Поэтому я ожидаю, что в результате получится два пакета:

• react.js = реагировать + реакт-дом
• main.js = момент + компоненты приложения

Как разделить пакеты в зависимости от имени пакетов, но не от частоты использования в точках входа?

Answer 1

Привет @VRSY, потратив некоторое время на понимание веб-пакета SplitChunksPlugins.js Я понял, как написать RegEx для извлечения node_modules в отдельных кусках вендора.

splitChunks: {
      cacheGroups: {
        vendor: {
          test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,
          name: 'vendor',
          chunks: 'all',
        }
      }
    }

Новый кусок будет больше, чем 30 КБ

Я делал ошибку при написании регулярного выражения для имени папки модуля. Но регулярное регулярное выражение - хорошая ставка для соответствия регулярному выражению.