Meteor 在客户端目录中渲染了多少 html 个文件？

Question

我在客户端文件夹中有一个 main.html，其中包含许多菜单、页眉、页脚等。我还在其中声明了一个 div 由组件呈现。

...
 <div id="render-slides"></div>
 ...

还有我的main.js：

import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.css';
import 'animate.css/animate.min.css'
import '../imports/css/sidebar.css';
//import './imports/js/nodcast.js';
//import './main.html';

import React from 'react';
import { Meteor } from 'meteor/meteor';
import { render } from 'react-dom';

import '../imports/startup/accounts-config.js';
import App from '../imports/ui/App.js';

Meteor.startup(() => {
  render(<App />, document.getElementById('render-slides'));
});

它从组件中渲染了幻灯片，但我无法点击它们，好像它们被其他 div 覆盖了一样。所以，我将 main.html 完全替换为：

<head>

</head>

<body>
    <div id="render-slides"></div>
</body>

并将我的旧 main.html 重命名为 main2.html。当我运行程序时，它在 main2.html 中显示我在旧结构（菜单，...）内的渲染幻灯片，我没有点击问题！！！

但是，如果我移动 main2.html，我只有一个包含渲染组件的空白 html 文件。请注意，在两个 html 文件中我都有 <div id="render-slides"></div>。所以，我想知道它是如何工作的！它会合并客户端目录中的所有 html 文件并将它们一起呈现吗？！！

Answer 1

Does it merege all html files inside client directory and render them together?!!

是的，这是 Meteor 的默认预加载行为。此外，任何名为 "main" 的内容最后加载，这就是为什么您的旧 "main2.html" 文件最先出现，并且它的 ID 首先被拾取以在其中呈现您的幻灯片。

Meteor will load all files outside of any directory named imports/ in the application using the default file load order rules

见https://guide.meteor.com/structure.html#load-order

Meteor 在客户端目录中渲染了多少 html 个文件？

How many html files does Meteor render inside client directory?

html

javascript

meteor