Error al usar import/export en javascript al compilar con babel

LE
Leon Emil

@leonemil

Hace poco creé un boilerplate para compilar pug, sass y javascript con babel. Pero al compilar javascript usando import y export al archivo principal aparece un error en el archivo compilado que al leerlo en consola dice lo siguiente:

Uncaught ReferenceError: require is not defined
    at script.js:3

Este es mi archivo de configuración packaje.json: https://gitlab.com/LeonEmil/boilerplate-static/blob/master/package.json

Estos son mis archivos javascript que compilo con import/export en módulos a la carpeta public: https://gitlab.com/LeonEmil/boilerplate-static/tree/master/dev/js

Y este es el archivo javascript compilado en donde la consola marca el error: https://gitlab.com/LeonEmil/boilerplate-static/blob/master/public/script.js

¿Alguien podría ayudarme a entender cual es el problema y como solucionarlo?

LE
Leon Emil

@leonemil

Tengo un problema similar al compilar con typescript. No se si es por error mio o si es que necesito configurar algo.

LE
Leon Emil

@leonemil

¿Pero esa función de donde viene? ¿Es una función de RequiereJS?

Estuve investigando sobre webpack pero no quiero complicarme y utilizar cosas que no son necesarias para el proyecto. Yo uso un archivo de configuración packaje.json y npm para compilar todo.

¿Sigue siendo necesario usar webpack actualmente?

Avatar
Juan Carlos Cruz de los santos

@jccruz

require es una función que se ejecuta del lado del servidor ( por ejemplo en Node). RequireJS https://requirejs.org/ es una librería que te va a permite utilizar la función require en el cliente.

Lo de si sigue siendo necesario, pues todo dependerá de la complejidad que tenga tu proyecto a futuro. Si es un proyecto muy pequeño tal vez no la necesites pero si va a grande escala es mejor usar una herramientas de esas (module bundlers).

LE
Leon Emil

@leonemil

Creo que ya lo había leído pero lo voy a revisar de nuevo.

LE
Leon Emil

@leonemil

Lo de webpack pregunto por que había un curso de webpack en edteam pero lo sacaron. Sobre esto Alvaro dijo que ya no es necesario saber usar webpack por que la mayoría de las herramientas tienen sus propios CLI y recetas listas para ejecutar webpack con un solo comando.

https://ed.team/comunidad/curso-de-webpack

Recuerda iniciar sesión para participar en la comunidad.