Немного архитектурный вопрос.я верстаю спа с 13 секциями = 13

Question

Немного архитектурный вопрос.я верстаю спа с 13 секциями = 13

экранами.у меня один html , один less файл и один js. Как можно превратить эту кашу в более-менее архитектурно адекватную? Поясню на примере - хочется что бы каждая секция была с отдельным html и less файлом и потом вставлялась в общий html. Возможно даже на каждую секцию свой скрипт
Вероятно это уже ближе к фреймворкам Аля ангуляр или рескт,но как можно ли это сделать с голым html less и js?

#css #frontend #html #programming #russian

0

01.08.2021

22 ответов

3 просмотра

Anatoliy Kernokus Автор вопроса

Sas31
Так реакт для это и существует, вроде как без реак...

ну я слышал что с моей проблемой и галп может помочь. хочу узнать мнения. рекакт затаскивать не хочу

0

01.08.2021

mmmm danone

в лесс разве нельзя импортить файлы? создаешь условный main.less и в него @import section1 @import section2 @import section3 а вот с хтмл уже сложнее будет. скорее всего придется в сборку(если это сборка) подключить плагин для импорта файлов (в галпе есть gulp-file-include, например). либо в ту же сборку установить pug компилятор и пересесть на него. там тоже есть инклуды файлов

0

01.08.2021

Anatoliy Kernokus Автор вопроса

mmmm danone
в лесс разве нельзя импортить файлы? создаешь усло...

насчёт less согласен, их хоть сейчас можно разделить.а вот хтмл уже сложнее. а вебпак такую возможность не предоставляет?

0

01.08.2021

Sas31

Anatoliy Kernokus
ну я слышал что с моей проблемой и галп может помо...

Образно, получаетсся ты хочеш на странице например со статичной шапкой отрисовывать 13 разных по функциям компонентов?

0

01.08.2021

mmmm danone

Anatoliy Kernokus
насчёт less согласен, их хоть сейчас можно раздели...

вебпак многое умеет. но, как мне кажется, его тяжелее настроить. в вебпаке есть тоже какие-то инклуды. assets или что-то такое

0

01.08.2021

Anatoliy Kernokus Автор вопроса

Sas31
Образно, получаетсся ты хочеш на странице например...

нет. есть спа с 13 экранами. хочу иметь index.html,у которого в body будет не <section id=1></section> <section id=2></section> <section id=3></section>,как сейчас, а импорты этих секций из других файлов.

0

01.08.2021

Sergey Bekharsky

Можно

0

01.08.2021

Zahar Avsievich

но SPA ведь уже предполагает какой-то фреймворк, нет?

0

01.08.2021

Anatoliy Kernokus Автор вопроса

Zahar Avsievich
но SPA ведь уже предполагает какой-то фреймворк, н...

эта теория из какого источника взята?

0

01.08.2021

Zahar Avsievich

Anatoliy Kernokus
эта теория из какого источника взята?

в смысле? SPA — это одна из возможностей фреймкорков, которая реализовывается роутерами ты не сможешь без этого сделать SPA, ну только если сам роутер не напишешь

0

01.08.2021

Anatoliy Kernokus Автор вопроса

Zahar Avsievich
в смысле? SPA — это одна из возможностей фреймкорк...

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

0

01.08.2021

Zahar Avsievich

Anatoliy Kernokus
спа - одностраничный сайт без наличия определённой...

SPA — это single-page application, в котором осуществляется не переход на другие страницы, а обновление только того содержимого, которое необходимо

0

01.08.2021

Anatoliy Kernokus Автор вопроса

Zahar Avsievich
SPA — это single-page application, в котором осущ...

= отсутствие навигации как таковой. согласен.

0

01.08.2021