css - meteor 真言使用外部模板的正确方法

Question

我正在学习 Mantra 风格指南 ( https://kadirahq.github.io/mantra/ ) 以与 meteor 一起使用。令我困惑的是，将外部模板与 meteor 和 mantra 一起使用的“正确”方法是什么？在示例 css 和 js 文件中。我知道在 meteor 中可以创建一个包并加载它。

但也应该在 meteor + mantra 中做同样的事情，即创建一个包作为 https://github.com/kadirahq/mantra/issues/53建议？然后 meteor 会正确加载所有必要的文件(css 或 js)吗？或者有更好的方法吗？

最好的问候

Answer 1

Mantra 遵循模块化结构。您的代码将采用模块的形式，无论其 UI 是否相关。它会加载诸如 meteor 应用程序之类的东西，但应用程序将从您定义的起点开始。

是的，你可以创建一个包并从那里加载它，但是当你手头有 npm 包可以直接在你的模块中使用时，我认为创建包将是一个坏主意。

在我工作过的mantra元素中，我们使用了rebass。我们创建了一些仅用于 UI 目的的通用组件，并将它们添加到一个单独的模块中，并从 index.js 中导出它们。在每个模块中，我们从该模块调用组件并在需要时使用它。更好的方法是使用 npm 包，这样你就不必担心加载 JS。