Entry-точка

Entry-точка — это frontend-файл, с которого начинается сборка конкретного блока.

Имя entry-файла

По умолчанию используется имя entry.js. В www/config/frontend.json для каждого source-каталога можно явно задать src[].entry; если параметр не задан, www/vite.config.js использует по умолчанию entry.js. Конфиг сборки рекурсивно обходит каталоги из src[].path и включает в список entry-файлов только файлы с этим именем.

Типовой entry-файл для приложения

Если блок должен монтировать Vue-компонент и его стили, entry-файл может содержать следующий код:

import {mount} from '@shared/js/mount';
import {state} from '@shared/js/state';

import {createApp} from 'vue';
import DefaultTheme from './DefaultTheme.vue';
import './style.css';

mount('default')
   .state(state)
   .each((node, props) => {
      createApp(DefaultTheme, props).mount(node);
   });

Entry-файл только для стилей

Entry-файл может использоваться и без mount-приложения, например, только для CSS:

import '@shared/css/reset.css';
import './style.css';