несколько выходов для webpack

Question

Я хочу отделить свое приложение для реагирования в двух частях. Будет страница входа в систему, которая будет аутентифицировать действительного пользователя, и после проверки подлинности я предоставит фактическое веб-приложение. Для этого мне показалось, что мне понадобятся два html-файла.

Я считаю, что каждый html-файл, вероятно, будет использовать два разных пакета. Так что мой login.html бы, вероятно, использовать следующий скрипт ...

<script type="text/javascript" src='./scripts/bundle.js'></script> 

и мой index.html будет использовать ...

<script type="text/javascript" src='./scripts/bundle2.js'></script> 

Но как я могу вывести два расслоения в WebPack?

Вот что у меня есть ...

module.exports = { 
    entry: {'./src'}, 

    devtool: 'source-map', 
    output: { 
    path:'/', 
    filename: 'scripts/bundle.js', 
    publicPath: '/' 
    }, 

    module: { 
    ...etc,etc. 

Как вы можете видеть, что мой только точка входа /src это где мой текущий index.js файл расположен, чтобы заполнить мой index.html.

index.js Файл, используемый для заполнения моего login.html, находится в foler Authentication. Но следующая запись не будет делать то, что я хочу ...

entry: {'./src', '/Authentication'} 

Мне нужно два выхода для каждого из этих HTML-файлов, как они essentiall отделены друг от друга. Какие у меня варианты? Есть ли способ или, возможно, альтернатива для достижения того, чего я хочу?

Answer 1

Это довольно часто, чтобы разделить ваши пакеты на несколько файлов. документация WebPack дает хорошее объяснение этому - Link

Так что, если вы хотите иметь несколько точек входа для приложения, просто передать его как key: value пара в точке входа, как это:

{ 
    entry: { 
     a: "./a", 
     b: "./b", 
     c: ["./c", "./d"] 
    }, 
    output: { 
     path: path.join(__dirname, "dist"), 
     filename: "[name].entry.js" 
    } 
} 

Конечные файлы сгенерировано будет a.entry.js, b.entry.js и т.д ..