Как сделать начальную MVC модель для сайта на JS?

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

Как сделать начальную MVC модель для сайта на JS?

хотя, скорее всего, наоборот из нескольких статичных страниц должно получиться SPA, так как там все элементы из страницы к странице повторяются - хедер, сайдбар, футер. Только меняются данные в главной части.

Как сделать начальную MVC модель для сайта на JS?

хочется хотя бы на примере одной главной понять, как собирается страница из компонентов

Как сделать начальную MVC модель для сайта на JS?

сайт на несколько статичных страниц

Как получить доступ к json через webpack?

нет, отдельный файл находится в одной папке с основным. В нем эти данные доступны.
Мне, кажется, проблема в самой сборке. Вот участок с json:

{
            test: /\.json$/,
            use: [{
                loader: 'raw-loader',
                options: {
                    name: '../db/[name].[ext]'
                }  
            }]
        }

Как получить доступ к json через webpack?

там данные для первичного заполнения формы, а конкретнее списки для select. Сейчас вебпак нормально переносит json файл в папку сборки, где я могу открыть index.html и форма заполнится данными, при условии что все данные для заполнения формы и подключения json находится в главном файле main.js, но стоит выделить это в отдельный js файл, который подключаем к основному с помощью import 'pathToFile'; и в папке сборки папки с json нет и после запуска форма естественно пустая.

Как получить доступ к json через webpack?

мне в основном скрипте (точке входа) сами данные из json не нужны, просто из-за того что let name = require('../hello.json'); ушло в другой js, в итоговой сборке его нет.
Я пробовал и экспортировать через module.exports и через export (из ES6), переменная в основном скрипте видна, а в папке сборки json нет

Как получить доступ к json через webpack?

вы не подскажите? если я вынес команду let name = require('../hello.json'); в отдельный js и его подключил в главном js файле import './anotherScript.js';
теперь raw-loader не видит json файла и его нет в папке сборки, хотя путь к нему не менялся.

Почему Cookie не устанавливаются?

то есть, причина именно в том, что это локальный файл?