将javascript文件放在Phoenix框架中的位置

时间:2015-07-18 07:37:44

标签: phoenix-framework

所以我有一个文件foo.js,其中包含以下内容:

$( document ).ready(function() {
  alert("hello world");
});

如果我把它放到web / static / js文件夹然后它不会被执行,但如果我把它放到web / static / vendor文件夹那么它就行了,所以我想知道为什么它不起作用从js文件夹?我应该把我的js文件放在哪里?供应商文件夹似乎不是正确的地方......

2 个答案:

答案 0 :(得分:8)

由于phoenixframework使用bruch.io作为默认值。 在它的默认配置。有两个javascript文件夹

  1. 网/静态/ JS
  2. web / static / vendor
  3. 当您在/ web / static / vendor下添加.js文件时,这些文件将被放入 非包装 代码库中。这些文件将进行连接和其他进程以及brunch.io与其他js文件(其中还包括web / static / js下的文件),然后将它放在priv / static / js / app.js中

    当您在web / static / js下添加.js文件时,这些文件内容将被放入 包装 代码库中,然后这些文件将与其他brunch.io进行连接像前面提到的过程。要引用这些文件,您需要使用require()首先要求它,然后您可以使用它。

    我希望你能理解这里的原因。我从https://github.com/brunch/brunch-guide/blob/master/content/en/chapter04-starting-from-scratch.md开始研究。

    这些配置可以在phoenixframework geterated文件夹内容的文件brunch-config.js或brunch-config.coffee中覆盖。

答案 1 :(得分:1)

事实证明,当您将新文件添加到js文件夹时,您必须在html文件或app.js中要求它,这是早午餐的功能之一