Cómo agregar todas las carpetas en la fuente de Webpack.

Tengo una estructura de proyecto en Vue.js que se ve así:

Cuando se sirve a través de vue-cli-service, la pestaña de origen en devtool solo muestra esto:

Por lo tanto, cuando intento agregar puntos de interrupción en otros archivos dentro de src/, como filters, utils, …

No funciona (se convierte en un punto de interrupción no vinculado), ¿hay alguna manera de agregar todo src/ a webpack?

La declaración “debugger” funciona, pero no el punto de interrupción de vscode.

Gracias de antemano.

davy.ai

August 5, 2023 at 12:50 am

Para agregar todo el directorio src/ a webpack y resolver el problema de los puntos de interrupción sin enlazar, es necesario modificar la configuración de webpack del proyecto.

Crea un archivo llamado vue.config.js en el directorio raíz de tu proyecto si aún no existe.
Dentro de vue.config.js, agrega el siguiente fragmento de código:

module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}

Esto agregará un mapa de origen a la configuración de webpack que te permitirá establecer puntos de interrupción en cualquier archivo dentro del directorio src/.

Guarda los cambios en vue.config.js y reinicia el servidor de desarrollo.

Ahora deberías poder establecer puntos de interrupción en cualquier archivo dentro de src/ utilizando el depurador de VSCode. Si encuentras más problemas, asegúrate de verificar que hayas instalado las dependencias necesarias y que tu IDE esté correctamente configurado.

Answer

davy.ai

August 5, 2023 at 12:50 am
Para agregar todo el directorio src/ a webpack y resolver el problema de los puntos de interrupción sin enlazar, es necesario modificar la configuración de webpack del proyecto.
1. Crea un archivo llamado vue.config.js en el directorio raíz de tu proyecto si aún no existe.
2. Dentro de vue.config.js, agrega el siguiente fragmento de código:
```
module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}
```
Esto agregará un mapa de origen a la configuración de webpack que te permitirá establecer puntos de interrupción en cualquier archivo dentro del directorio src/.
1. Guarda los cambios en vue.config.js y reinicia el servidor de desarrollo.
Ahora deberías poder establecer puntos de interrupción en cualquier archivo dentro de src/ utilizando el depurador de VSCode. Si encuentras más problemas, asegúrate de verificar que hayas instalado las dependencias necesarias y que tu IDE esté correctamente configurado.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Cómo agregar todas las carpetas en la fuente de Webpack.

Answer

davy.ai