Meteor:选择自定义javascript和自定义css作为模板

Meteor: choose custom javascript and custom css for template

本文关键字：自定义 css 选择 javascript Meteor      更新时间：2023-09-26

AFAIK，在Meteor中，编译应用程序时，所有javascript文件和所有css文件将合并为一个文件。我认为这种行为会减慢应用程序的速度（因为用户必须下载该页面不需要的所有css和javascript）。此外，这种行为使我们的应用程序不具有动态性，因为可能在某些页面上，我们需要不同的css或javascript文件。

所以我的问题是：我们如何为模板选择自定义javascript和自定义css？Meteor支持这一点吗？

感谢：）

AFAIK Meteor并不完全支持这种方式。因此，您只剩下两个解决方案
一种方法是编写一个自己的扩展，在这方面对您有帮助，或者找到一个已经存在的扩展
另一种方法是将您的特殊资源放在/yourMeteorApp/public文件夹中的某个位置，该文件夹被排除在合并过程之外（请参阅http://docs.meteor.com/#/full/structuringyourapp)。现在，您可以编写一些特定于模板的逻辑，以便在访问模板时从中加载和评估JS和CSS资源。public中的资源直接在根级别上可用，因此public/js/my.js在www.example.com/js/my.js下可用。

更新：
这个答案很古老，在现代Meteor应用程序中，你应该使用导入逻辑（和imports文件夹），当我最初回答这个问题时，它并不存在：https://guide.meteor.com/structure.html#intro-导入导出
这应该是目前处理任何动态JS需求和构建应用程序的最佳方式。

在实践中，这对我来说还不是一个问题。组合的javascript文件被缩小和模糊。UI中的任何"页面加载"都是在没有服务器GET的情况下完成的，这使得UI非常敏捷。我有20多个包，当应用程序冷启动时，它们加起来有2.1MB的js加载。即使在iOS上，它也感觉很快。

相关文章：