Вывод нескольких приложений React из одной конфигурации Webpack

Question

Я работаю над веб-приложением, у которого есть сопутствующий сайт WordPress. Давайте предположим, домены, как:

• app.site.com
• blog.site.com

Я хотел бы, чтобы моя конфигурация webpack 4 вывела bundle.js, но также сгенерировала что-то вроде header.js, которое включает в себя один <Header /> компонент (не полное приложение).

Тогда я бы добавил тег сценария к blog.site.com примерно так:

<script src="https://app.site.com/build/header.js" />`

и ожидайте, что он установит приложение <Header /> в блоге #dom-element

Как этого достичь?

Answer 1

Создайте еще одну точку входа для компонента заголовка.Цитирование из веб-пакета Документы :

module.exports = {
  entry: {
    bundle: './src/app.js',
    header: './src/header.js'
  },
  output: {
    filename: '[name].js',
    path: __dirname + '/build'
  }
};

Это создаст bundle.js из вашей начальной точки входа.А также header.js из компонента Header.