如何在我们的ember应用程序中包含纯javascript文件?

时间:2017-05-18 20:44:02

标签: ember.js

我们的团队正在开发一个新网站,该网站将使用Algolia作为我们的搜索引擎。问题是没有使用它的ember模块(它们都是旧的或未完成的)。

因此,为了使用Algolia,我们需要在我们的应用程序中包含一个普通的javascript文件。做这个的最好方式是什么?我们发现如果我们将脚本包含在index.html中就可以了。

它看起来像这样

的index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    {{content-for "head"}}

    {{content-for "head-footer"}}

  </head>
  <body>
    {{content-for "body"}}

    <!-- Include Scripts Here -->
    <script src="algolia.js"></script>


    {{content-for "body-footer"}}
  </body>
</html>

我们正在将javascript文件放入index.html。虽然这似乎有效,但我有点怀疑这不是问题的余烬解决方案。还有其他方法可以在整个程序中包含外部JavaScript文件吗?或者这个解决方案是否很好?

1 个答案:

答案 0 :(得分:3)

在余烬指南的Managing Dependencies部分,我们给出了一个策略。

我们在项目中使用几乎相同的策略:

  1. 搜索合适的余烬插件。如果找到任何插件并且插件没问题(最新,清晰使用,没有错误),请选择插件。
  2. 如果没有合适的ember插件,请搜索bower或npm包。使用npm包比使用bower包更难。
  3. 如果没有合适的发行版,只需将js文件复制到app.import目录,然后通过ember-cli-build导入index.html文件即可使用它。 Ref
  4. 实际上,我们通常不喜欢修改for