Многостраничный сайт на webpack 4
Изучаю вебпак 4, все примеры для одностраничных сайтов. У меня есть такая структура:
scr
-views
-main_page
-index.html
-main.html
-news.html
-modules
-header.html
-footer.html
-assets
-js
-scss
-img
Как сделать так, чтобы определённые файлы подгружались только к определнным страницам, а не которые файлы, ко всем страницам сразу?
Допустим, файл all.js подгружается ко всем страницам
Файл main_page.js только к главной странице.
У меня одна точка входа и одна точка выхода для глобального файла
entry: {
app: './src/index.js',
},
output: {
filename: `${PATHS.assets}js/[name].js`,
path: PATHS.dist,
publicPath: '/'
},
И один плагин для html
new HtmlWebpackPlugin ({
hash: false,
template: `${PATHS.src}/index.html`,
filename: './index.html'
}),
Как еще расширить существующую настройку?
Нужно ли указывать несколько точек входа и плагинов для html? А также нужно ли в основной js файл подгружать все файлы проекта?