我最近正在研究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
然后推出一个网页!它看起来很神奇:服务器在哪里运行?如何生成网页?最重要的是,首先要执行哪一段代码?
由于
德里克
答案 0 :(得分:3)
Meteor捆绑源客户端文件并将捆绑包发送到客户端。 JS可以被转换,样式表可以在该过程中自动加前缀。最后,客户端执行捆绑包。
源客户端文件是指名为'client'的文件夹中的文件。这些源文件按照此document中描述的顺序执行,引用如下。
- HTML模板文件总是在其他所有内容之前加载
- 以main开头的文件。最后加载
- 下一个
加载任何lib /目录中的文件- 接下来加载具有更深路径的文件
- 然后按整个路径的字母顺序加载文件
醇>
鉴于列表,关键是要建立一些关于Meteor应用程序的file structure的初步知识,例如,哪个文件转到哪里(客户端/服务器)以及哪些文件被急切加载是至关重要的决定如何构建应用程序。
返回您的应用程序。您呈现的网页基本上是包含另一个React组件Layout
的React组件Welcome
。它们由react-mounter
挂载到HTML模板中的DOM节点上,我相信您的示例应用程序是一个名为“client / index.html”或“client / hello.html”的文件。上述节点通常是具有指定div
属性的id
,或者是react-mount
在运行时创建的DOM节点。
说到服务器端,Meteor在启动Meteor应用程序时运行value-added HTTP web server,并使用Meteor APIs编写您想要的功能。
我希望上面的信息可以帮助您继续使用Meteor构建应用程序。享受!