[Resuelto] -Error al usar import/export en javascript al compilar con babel

LE
Leandro Emanuel

@leandroemanuel

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
Leandro Emanuel

@leandroemanuel

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

Avatar

La función require, el browser no la reconoce por que no es propia del lado del cliente. Necesitarás algo como webpack o otras alternativas para que te haga el compilado correspondiente. Un articulo sobre Babel + Webpack: https://flaviocopes.com/babel/

Avatar

Escribe una respuesta