Meteor React 外部 JS 文件

Question

我有一个从Themeforest购买的 HTML 模板，该模板的 index.html 包含按以下顺序包含的 js 文件：

<!-- Scripts -->
    <script src="js/vendor/jquery-2.1.0.min.js"></script>
    <script src="js/helper.js"></script>
    <script src="js/vendor/HeadsUp.js"></script>
    <script src="js/vendor/chart.min.js"></script>
    <script src="js/vendor/jquery.mixitup.min.js"></script>
    <script src="js/vendor/jquery.swipebox.min.js"></script>
    <script src="js/vendor/masonry.min.js"></script>
    <script src="js/vendor/swiper.min.js"></script>
    <script src="js/vendor/materialize.min.js"></script>
    <script src="js/main.js"></script>
  </body>

我应该如何以及在哪里在我的 Meteor React 应用程序中包含这些外部 js 文件？

Answer 1

正如这个meteor 文档中提到的，您可以从client创建一个compatibility文件夹。

此文件夹用于与 JavaScript 库兼容，这些库依赖于在顶层使用 var 声明的变量作为全局变量导出。 此目录中的文件将在不包含在新变量作用域中的情况下执行。 这些文件在其他客户端 JavaScript 文件之前执行。

建议将 npm 用于 3rd 方 JavaScript 库，并使用 import 来控制何时加载文件。