En este artículo, aprenderemos sobre las técnicas de mapeo de código fuente que ocurren en el marco web Node.js que usa JavaScript.
Los mapas de origen básicamente representan el archivo de transmisión de datos desde el origen del mensaje hasta el destino de la función. Los archivos JSON en el lenguaje de programación JavaScript tienen la capacidad de almacenar la información para realizar la operación de mapeo desde los datos originales en la función hasta el destino final donde se realizará la ejecución del programa en la computadora. Es un tipo especial de archivo creado por el usuario para vincular la versión más reciente del directorio o repositorio creado por su programa al código fuente original del programa debido al cual se creó la plantilla del nuevo programa.
Los mapas de origen funcionan reduciendo el tamaño combinado de todos sus archivos y programas almacenados en la computadora y luego comprimiéndolos a su tamaño máximo al vincular estos archivos a los archivos de destino originados en la fuente. De esta manera, el tamaño del código también se reduce a su máxima eficiencia, lo que lleva a un menor tiempo para abrir y cerrar la aplicación del marco web, lo que hará que el uso de la aplicación sea más fluido y fluido.
Asignación de código fuente en Node.js: el marco de backend web de Node.js también utiliza el lenguaje de programación JavaScript en el lado del servidor del servicio de backend. Por lo tanto, el archivo JSON anterior también se usa para mapear el código del programa recién creado con el código fuente original en el lado del servidor back-end de la aplicación.
Los mapas de origen permiten a los usuarios ampliar su aplicación para mostrar el código fuente del repositorio que crearon en el lado del servidor back-end utilizando la aplicación Node.js. Esta aplicación permite a los usuarios continuar con la depuración del código JavaScript en el lado del servidor y, al mismo tiempo, mantener el registro adecuado de la actualización del código fuente.
Las extensiones de asignación de código fuente funcionan de la misma manera en el marco web de Node.js que en el lenguaje de programación JavaScript. Permiten a los usuarios usar las extensiones de programación de JavaScript para ayudar a depurar el código en su repositorio en el marco Node.js mientras ejecutan las operaciones en su navegador. Admite la ejecución de extensiones de programación de JavaScript en todo tipo de navegadores web como Google Chrome, Microsoft Edge, Apple Safari e incluso el navegador Brave.
Ayuda a depurar el código minimizado o el código transpirado a su forma intercambiable original de código fuente para que la computadora del usuario lo entienda en términos de lenguaje de máquina. Hoy en día, casi todos los compiladores e intérpretes modernos admiten la funcionalidad de los mapas de origen en el lenguaje de programación JavaScript y el marco web Node.js en el backend del lado del servidor.
Pasos para generar un mapa de origen en Node.js: Ahora, analizaremos los diversos pasos en los que se puede generar la funcionalidad del mapa de origen en el marco web de Node.js utilizando el lenguaje JavaScript:
Paso 1: aplique la extensión de JavaScript denominada WebPack a su código de programa Node.js que le permitirá crear una colección de todas las funciones del programa en una sola pila de operaciones que consta de fragmentos de datos más pequeños para un tamaño de archivo relativamente más pequeño. La extensión WebPack se puede instalar en su computadora usando el siguiente comando en webpack.config.js para iniciar la instalación. La función de programa dada se generará después de la instalación del WebPack en sus archivos de programa.
const path = require("pack");
module.export = {
begin: "./src/app.js",
output: {
path: pack.resolve(__repository, "dist"),
filename: "node.js"
},
target: "node",
devtool: "source-map"
};
Paso 2: Luego, también puede usar la extensión Rollup que también es compatible con el lenguaje de programación JavaScript y el marco web Node.js para fines de depuración. Puede instalar la extensión Rollup dada en su programa usando el siguiente comando: rollup.config.js para iniciar el proceso de instalación. Agrupará todos los diferentes tipos de funciones en el programa y luego las combinará en una sola función en el programa. La función de programa dada se generará después de la instalación del paquete acumulativo en sus archivos de programa.
export default {
module.export = {
entry: "./src/app.js",
output: {
file: "bundle.js",
format: "rollup",
sourceMap: true
}
};
}
Paso 3: Tenemos que usar la depuración de CoffeeScript para decodificar el lenguaje generado por la máquina para que la transmisión de datos pueda ocurrir fácilmente entre los Nodes de la computadora y la máquina del servidor principal. Ahora es relativamente más fácil asignar los datos de la fuente intercambiable transformada a la fuente original mediante la depuración de CoffeeScript.