Node.js 中的源映射

在本文中，我们将了解使用 JavaScript 的 Node.js Web 框架中发生的源映射技术。

源映射基本上代表了从消息源到函数目标的数据传输文件。 JavaScript 编程语言中的 JSON 文件能够存储信息以执行从函数中的原始数据到将在计算机中执行程序的目标位置的映射操作。它是用户创建的一种特殊类型的文件，用于将其程序创建的目录或存储库的最新版本链接到程序的原始源代码，从而创建新程序的模板。

源映射通过减少存储在计算机上的所有文件和程序的组合大小，然后通过将这些文件链接到源自源的目标文件来将它们压缩到最大大小。通过这种方式，代码的大小也减少到了最大的效率，从而减少了打开和关闭 Web 框架应用程序的时间，这将使应用程序的使用更加流畅和流畅。

Node.js 中的源映射： Node.js Web 后端框架还在其后端服务的服务器端使用 JavaScript 编程语言。因此，上面的 JSON 文件也用于将新创建的程序代码与应用程序后端服务器端的原始源代码进行映射。

源映射允许用户扩展他们的应用程序以显示他们使用 Node.js 应用程序在后端服务器端创建的存储库的源代码。此应用程序允许用户继续在服务器端调试 JavaScript 代码，同时还保留源代码更新的正确记录。

源映射扩展在 Node.js Web 框架中的工作方式与它们在 JavaScript 编程语言中的工作方式相同。它们允许用户使用 JavaScript 编程扩展来帮助调试 Node.js 框架中的存储库中的代码，同时在浏览器上执行操作。它支持在所有类型的网络浏览器（如 Google Chrome、Microsoft Edge、Apple Safari 甚至 Brave 浏览器）上运行 JavaScript 编程扩展。

它有助于将压缩后的代码或传递的代码调试为其原始可互换形式的源代码，以便用户的计算机从机器语言的角度理解它。如今，几乎所有现代编译器和解释器都支持 JavaScript 编程语言中的源映射功能和服务器端后端的 Node.js Web 框架。

在 Node.js 中生成源映射的步骤：现在，我们将讨论使用 JavaScript 语言在 Node.js Web 框架中生成源映射功能的各个步骤：

第 1 步：将名为 JavaScript 的WebPack扩展应用到您的 Node.js 程序代码，这将使您能够在单个操作堆栈中创建程序中所有函数的集合，该操作由较小的数据块组成，文件大小相对较小。可以在您的计算机上安装 WebPack 扩展，方法是使用以下命令对 webpack.config.js 开始安装。给定的程序函数将在您的程序文件中安装 WebPack 后生成。

const path = require("pack");
module.export = {
    begin: "./src/app.js",
    output: {
        path: pack.resolve(__repository, "dist"),
        filename: "node.js"
    },
    target: "node",
    devtool: "source-map"
};

第 2 步：然后还必须使用同样支持 JavaScript 编程语言和 Node.js Web 框架的Rollup扩展来进行调试。您可以使用以下命令在程序中安装给定的 Rollup 扩展 - rollup.config.js 以启动安装过程。它将捆绑程序中所有不同类型的函数，然后将它们组合成程序中的单个函数。给定的程序函数将在您的程序文件中安装 Rollup 后生成。

export default {
    module.export = {
        entry: "./src/app.js",
        output: {
            file: "bundle.js",
            format: "rollup",
            sourceMap: true
        }
    };
}

第 3 步：我们必须使用 CoffeeScript 调试来解码机器生成的语言，以便在计算机节点和主服务器机器之间轻松进行数据传输。现在使用 CoffeeScript 调试将数据从转换后的可互换源映射到原始源变得相对容易。