Me gustaría preguntarles a los profesores cómo depurar código en reactjs.

Porque hasta ahora, casi ningún navegador soporta de forma nativa el estándar es6. Entonces, en respuesta a esta situación, Chrome introdujo el archivo de mapa fuente para identificar qué línea de código es6 corresponde al código es5 antes de la transcodificación. Para los desarrolladores, lo único que deben hacer es configurar webpack para generar automáticamente archivos de mapeo de origen y agregar una línea de configuración a webpack.config.js (esto requiere que reinicie webpack-dev-server para que la configuración surta efecto). .

Entrada:{

Índice ":". /src/index.js ',

Comentario ":". /src/comment.js ',

Comentario 6 ':'. /src/commentEs6.js ',

},

devtool:'mapa fuente',

Salida: {

ruta: path.resolve(__dirname, ' build '),

Nombre de archivo: '[nombre]. js '

},