Что такое точка входа / файл / функция приложения Метеор?

Question

Я недавно изучаю Метеор, который является абсолютно удобным и мощным. Но до сих пор неясно, что является точкой входа в приложение Meteor, другими словами, какой файл / функция будет выполняться первым?

Простой пример:

клиент /hello.jsx:

import React from 'react';

export const Welcome = ({name}) => (
    <div>
        Hello, {name}.
    </div>
);

клиент /routes.jsx:

import React from 'react';
import {mount} from 'react-mounter';
import {Layout, Welcome} from './hello.jsx';

FlowRouter.route("/", {
  action() {
    mount(Layout,
      {content: (<Welcome name="My Shining Name" />)}
     );
  }
});

тогда я использую команду:

метеор -p 12345

Затем веб-страница запускается! Это выглядит довольно волшебно: где работает сервер? как генерируется веб-страница? Самое главное, какой фрагмент кода будет выполнен первым?

Спасибо

Дерек

Answer 1

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

Исходный файл клиента ссылается на файл в папке с именем "клиент". Эти исходные файлы выполняются в порядке, описанном в этом документе, как указано ниже.

1. Файлы шаблонов HTML всегда загружаются раньше всего
2. Файлы, начинающиеся с main. загружены последними
3. Файлы внутри любого каталога lib / загружаются следующим
4. Файлы с более глубокими путями загружаются следующим
5. Затем файлы загружаются в алфавитном порядке по всему пути

Учитывая этот список, очень важно создать себе некоторые предварительные знания о файловой структуре приложения Meteor в этом понимании, скажем, какой файл куда (клиент / сервер) и какие файлы загружаются с нетерпением, имеет решающее значение для принятия решения о том, как структурировать приложение.

Возвращаясь к вашему заявлению. Представленная вами веб-страница по сути является компонентом React Layout содержащий другой компонент React Welcome, Они установлены react-mounter на узел DOM в шаблоне HTML, который, как я полагаю, в вашем примере приложения представляет собой файл с именем "client / index.html" или "client / hello.html". Вышеупомянутый узел обычно является div с указанным id атрибут или DOM-узел, созданный react-mount во время выполнения.

Говоря о стороне сервера, Meteor запускает веб-сервер HTTP с добавленной стоимостью, когда вы запускаете приложение Meteor и программируете функции, которые вам нравятся, с помощью API Meteor.

Я надеюсь, что приведенная выше информация поможет вам приступить к созданию приложений с помощью Meteor. Наслаждайтесь!