Node.js Express 链接到来自 ejs 的 JavaScript 文件答案

【问题标题】：Node.js Express link to JavaScript file from ejsNode.js Express 链接到来自 ejs 的 JavaScript 文件
【发布时间】：2019-04-15 13:29:42
【问题描述】：

我正在处理 Nodejs/Express 项目。我的视图是使用 ejs 文件构建的。我有几个正在使用的 JavaScript 函数。如果我将它们放在 ejs 文件中的脚本标记中，一切正常。但是，如果我将这些函数放入 my.js 文件并尝试从 ejs 引用它，它就不起作用。在我的 app.js 我有：

app.use(express.static(path.join(__dirname, 'public')));

my.js 文件放在 /public/js/my.js 我正在使用：

<script src='/js/drag_drop.js'></script>

非常感谢任何指导。

【问题讨论】：

您在创建视图时遇到问题吗？
@亚历山大。不，如果放在单独的文件中，则不会调用函数。
您必须将它们导出到 my.js 文件中，然后在您希望使用它们的文件中使用它们。

标签： javascript html node.js express ejs

【解决方案1】：

尝试查看gulp.js 或grunt.js。这些框架本质上是一个构建系统，这意味着您可以获取所有 Javascript 文件并连接到一个文件中以从 index.html 中加载。由于您使用 ejs，请查看诸如 gulp-ejs 等模块。

通常你会希望你的 gulp/grunt/ 任何你选择的构建框架，放入

'public/js/script.js'

然后在 index.html 中加载它。

<script type="text/javascript" src="public/js/scripts.js"></script>

【讨论】：

【解决方案2】：

我在 ejs 文件中将我的引用放在正文之前。一旦我将它移到底部，一切正常。

【讨论】：