phoenix-framework - 在Phoenix框架中将javascript文件放在何处

Question

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

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

如果我将它放在web/static/js文件夹中，则不会执行，但是如果我将它放在web/static/vendor文件夹中，那么它将执行，所以我想知道为什么它在js中不起作用文件夹？我应该把我的js文件放在哪里？供应商文件夹似乎不在正确的位置...

Answer 1

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

网站/静态/js

网站/静态/供应商

当您在/web/static/vendor下添加.js文件时，这些文件将放入 非包装的代码库中。这些文件将与其他js文件(也包括web/static/js下的文件)一起进行隐式处理和其他处理以及brunch.io，然后将其放入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获取文件夹内容的brunch-config.js或brunch-config.coffee文件中覆盖。