Node.js 源映射
在本文中,我们将了解在使用JavaScript的Node.js网页框架中发生的源映射技术。
源映射基本上代表了从消息源的原始数据到函数目标位置的数据传输文件。JavaScript编程语言中的JSON文件具有存储信息以执行从函数中的原始数据到计算机中将执行程序的目标位置的映射操作的能力。它是用户创建的一种特殊类型文件,用于将其程序创建的最新版本的目录或存储库链接到程序的原始源代码,这是创建新程序模板的原因。
源映射通过减少存储在计算机上的所有文件和程序的组合大小,然后通过将这些文件链接到源自源的目标文件来压缩它们到最大大小。通过这种方式,代码的大小也减小到最大效率,从而减少打开和关闭Web框架应用程序的时间,使应用程序的使用更加流畅和平滑。
Node.js中的源映射: Node.js网页后端框架也在其后端服务的服务器端使用JavaScript编程语言。因此,上述JSON文件也用于将新创建的程序代码与应用程序的后端服务器端的原始源代码进行映射。
源映射允许用户扩展其应用程序以显示使用Node.js应用程序在后端服务器端上创建的存储库源代码。这个应用程序允许用户在服务器端继续调试JavaScript代码,同时还维护源代码更新的适当记录。
源映射扩展在Node.js网页框架中的工作方式与在JavaScript编程语言中的工作方式相同。它们允许用户使用JavaScript编程扩展来帮助调试其存储库中的代码,同时在浏览器上执行操作。它支持在Google Chrome、Microsoft Edge、Apple Safari甚至Brave浏览器等各种类型的Web浏览器上运行JavaScript编程扩展。
它有助于将缩小的代码或转译的代码调试为用户计算机可以理解的机器语言形式的原始可互换的源代码。现在,几乎所有现代编译器和解释器都支持JavaScript编程语言和Node.js网页框架在服务器端的源映射功能。
在Node.js中生成源映射的步骤: 现在,我们将讨论在Node.js网页框架中使用JavaScript语言生成源映射功能的各个步骤:
步骤1: 将名为Webpack的JavaScript扩展应用于您的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: 然后还可以使用 Rollup 扩展,用于支持JavaScript编程语言和Node.js Web框架的调试目的。您可以通过使用以下命令将提供的Rollup扩展安装到程序中,即rollup.config.js来开始安装过程。它将捆绑程序中的所有不同类型的函数,然后将它们组合成一个单一的函数。在安装Rollup到程序文件后,将生成给定的程序函数。
export default {
module.export = {
entry: "./src/app.js",
output: {
file: "bundle.js",
format: "rollup",
sourceMap: true
}
};
}
步骤3: 为了解码机器生成的语言,使计算机节点和主服务器机之间的数据传输更加容易,我们必须使用CoffeeScript调试。现在,使用CoffeeScript调试可以相对容易地将数据从经过转换的可互换来源映射到原始来源。