在 Electron 的渲染过程中需要 vs 引用 JS 脚本答案

【问题标题】：Require vs refer to JS script in Electron's render process在 Electron 的渲染过程中需要 vs 引用 JS 脚本
【发布时间】：2019-04-13 04:20:14
【问题描述】：

我是电子新手。我正在编写一个使用多个客户端 UI 库的应用程序，例如 jQuery、mask-plugin 和 d3.js。

考虑到性能，我想知道在 Renderer 进程中需要 JS 库而不是直接在脚本 src 标签中引用是否有任何区别。准确地说，在 Render 过程中，require 调用是否比简单的脚本 src 标签成本更高？

例如（一个非常简单的例子），哪个更快？

<script>
    "use strict"

    window.$ = window.jQuery = require('jquery');
    window.Tether = require('tether');
    window.Bootstrap = require('bootstrap');
    require("jquery-validation");
</script>

或者直接在src标签中引用min脚本：

<script src="js/core/jquery.min.js"></script>
<script src="js/core/popper.min.js"></script>
<script src="js/core/bootstrap.min.js"></script>
<script src="js/plugins/jquery.validate.min.js"></script>

【问题讨论】：

好吧，require 不会下载任何东西。该脚本已本地安装在您的 node_modules 文件夹中。所以他们都在获取本地脚本。 require 在幕后做事，但我不太熟悉那是什么。我不认为您使用 Electron 的事实确实使它与任何其他 Node 应用程序有任何不同。 This 有一些信息，但可能与您的需要并不完全相关
另见this
它们可以忽略不计。您使用的是什么类型的模块捆绑器？

标签： node.js performance electron

【解决方案1】：

我认为这是品味和风格的问题，而不是性能问题。就我个人而言，我更喜欢使用 require（或在更新的 JS 中导入）从代码中调用库，而不是向页面添加额外的脚本。

这使我能够更好地了解在处理代码时调用的内容，而不是从源代码跳转到视图。

【讨论】：