Импортировать (HTML, CSS, JS) компонент в index.html

Question

Я использую веб-пакет с модульной / компонентной архитектурой.

Мой конечный результат - это веб-страница, которая использует несколько ранее созданных компонентов (состоящих из HTML, CSS, JS), которые я хотел вставить в свой индекс.html.

Я надеялся использовать для этого веб-пакет, как мы это делаем с веб-приложениями.Я не хочу записывать всю логику HTML в файлы JS, в компоненты.Но я не уверен, как заставить файлы HTML в каждом компоненте объединяться с JS и CSS в том же компоненте, и, таким образом, автоматически объединять все это в основной index.html.

Есть идеи?Я изо всех сил пытаюсь понять, как HTML компонента объединяется с основным index.html.

Структура, которую я имел в виду, была типичной структурой веб-приложения:

- src/
  - assets/
  - components/
    - compOne/
      - compOne.html
      - compOne.css
      - compOne.scss
    - compTwo/
      - compTwo.html
      - compTwo.css
      - compTwo.scss
  - index.html
  - styles.scss
  - index.js
- dist/