Meteor APP的入口点/文件/功能是什么?

时间:2016-09-28 06:26:10

标签: meteor meteor-react

我最近正在研究Meteor,它绝对方便而且功能强大。但到目前为止还不清楚Meteor APP的切入点是什么,换句话说,首先会执行哪个文件/功能?

一个简单的例子:

的客户机/ 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" />)}
     );
  }
});

然后我使用命令:

  

meteor -p 12345

然后推出一个网页!它看起来很神奇:服务器在哪里运行?如何生成网页?最重要的是,首先要执行哪一段代码?

由于

德里克

1 个答案:

答案 0 :(得分:3)

Meteor捆绑源客户端文件并将捆绑包发送到客户端。 JS可以被转换,样式表可以在该过程中自动加前缀。最后,客户端执行捆绑包。

源客户端文件是指名为'client'的文件夹中的文件。这些源文件按照此document中描述的顺序执行,引用如下。

  
      
  1. HTML模板文件总是在其他所有内容之前加载
  2.   
  3. 以main开头的文件。最后加载
  4.   
  5. 下一个
  6. 加载任何lib /目录中的文件   
  7. 接下来加载具有更深路径的文件
  8.   
  9. 然后按整个路径的字母顺序加载文件
  10.   

鉴于列表,关键是要建立一些关于Meteor应用程序的file structure的初步知识,例如,哪个文件转到哪里(客户端/服务器)以及哪些文件被急切加载是至关重要的决定如何构建应用程序。

返回您的应用程序。您呈现的网页基本上是包含另一个React组件Layout的React组件Welcome。它们由react-mounter挂载到HTML模板中的DOM节点上,我相信您的示例应用程序是一个名为“client / index.html”或“c​​lient / hello.html”的文件。上述节点通常是具有指定div属性的id,或者是react-mount在运行时创建的DOM节点。

说到服务器端,Meteor在启动Meteor应用程序时运行value-added HTTP web server,并使用Meteor APIs编写您想要的功能。

我希望上面的信息可以帮助您继续使用Meteor构建应用程序。享受!