Depuración del código fuente de la vista del paquete web

Puede utilizar webpack para empaquetar el código fuente de electron, evitando la necesidad de acceder a los archivos fuente originales en tiempo de ejecución.

1. Cree un archivo de configuración de paquete web llamado webpack.config.js en el directorio raíz del proyecto y agregue el siguiente código:

const path = require('path'); p>

módulo.exportación = {

entrada: '. /resources/app/main.js ', //archivo de entrada.

Salida: {

Ruta: path.resolve (_ _ dirname, 'dist'), //Directorio de salida del paquete.

Nombre del archivo: 'bundle.js' //Nombre del archivo de salida del paquete

}

};

2. json para agregar un comando de script para ejecutar webpack:

"script": {

"build":"webpack"

}

3. Ejecute el comando npm run build para ejecutar webpack, que empaquetará el código fuente de acuerdo con la configuración en el archivo webpack.config.js y lo enviará al directorio dist.

4. Modifique el archivo de entrada del proceso principal de Electronics a la ruta del archivo de empaquetado, por ejemplo, modifique el campo principal en package.json a "main": "dist/bundle. js".

5. Al ejecutar la aplicación electron, cargará el archivo dist/bundle.js en lugar del archivo fuente original, por lo que no es necesario acceder al archivo fuente.

Al utilizar webpack para encapsular el código fuente electrónico, los archivos fuente de la aplicación se pueden administrar y actualizar de manera más conveniente y se puede evitar el problema de acceder a los archivos fuente en tiempo de ejecución.