在 Node.js Express 应用程序中加载特定于视图的 JavaScript答案

【问题标题】：Load view-specific JavaScript in Node.js Express application在 Node.js Express 应用程序中加载特定于视图的 JavaScript
【发布时间】：2015-12-16 19:31:25
【问题描述】：

我的 Web 应用程序具有多个共享相同 JavaScript 的视图，但每个视图也有自己的 Javascript。它看起来像：

<!-- html up here -->

<script src="/src/js/bundle.js"></script>

<script>
    // some view-specific Javascript
</script>

这最终将我的视图文件（HTML 等）与我的 javascript 混合在一起，我不确定为每个视图创建和加载外部 javascript 文件是否是更好的方法。

实现这一目标的最佳方法是什么？

【问题讨论】：

您是否使用捆绑程序来创建您的bundle.js？还是 bundle.js 只是您所有共享 javascript 的名称
是的，我正在使用 browserify

标签： javascript node.js

【解决方案1】：

很大程度上取决于您的页面特定 js 文件有多大。如果它们相当小并且大多数有用的 js 都在您的包中，则只需为所有页面制作一个包。如果你有很多特定于页面的 js，你可以在你的包中只包含第二个文件，或者你可以为每个页面创建一个不同的包，这样你就只有每个页面上的脚本标签。 Here is another thread on the issue, including a useful gulp script to automate the creation of multiple bundles

【讨论】：