elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Estamos en la red social de Mastodon


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Sourcemap min y codigo compilado con gulp
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Sourcemap min y codigo compilado con gulp  (Leído 2,635 veces)
UsuarioZ

Desconectado Desconectado

Mensajes: 64


Ver Perfil
Sourcemap min y codigo compilado con gulp
« en: 23 Diciembre 2022, 06:55 am »

Hola, estoy haciendo un proyecto con Gulp, con gulp-terserjs y gulp-sourcemaps  pero cuando compila el código javascript se agrega la línea
Código:
//# sourceMappingURL=bundle.js.map
al final, esto tira un error al ejecutar en el navegador, porque el archivo se llama "bundle.js.min.map" alguien sabe cómo cambiar el compilador para que compile siempre asi:
Código:
//#sourceMappingURL=bundle.js.min.map
, al cambiarlo en el archivo bundle.min.js se soluciona pero al hacer algún cambio y volver compilar se vuelve a como estaba.

En gulpfile:
Código:
function javascript() {
    return src(paths.js)
      .pipe(sourcemaps.init())
      .pipe(concat('bundle.js'))
      .pipe(terser())
      .pipe(sourcemaps.write('.'))
      .pipe(rename({ suffix: '.min' }))
      .pipe(dest('./public/build/js'))
}


Error:
Citar
Las Herramientas para desarrolladores no pudieron cargar el mapa de fuentes: No se pudo cargar contenido para http://localhost:3000/build/js/bundle.js.map: Error HTTP: código de estado 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

---Editado
Editando el gulpfile de esta forma queda así y ya no tira el error pero no elimina el url que estaba antes, solo agrega uno nuevo.


Código:
function javascript() {
    return src(paths.js)
      .pipe(sourcemaps.init())
      .pipe(concat('bundle.js'))
      .pipe(terser())
      .pipe(sourcemaps.write('.', {
        sourceMappingURLPrefix: 'bundle.js.min.map'
      }))
      .pipe(rename({ suffix: '.min' }))
      .pipe(dest('./public/build/js'))
}

--- Solucionado:

Renombrando antes de mapear se solucionaba..

Código:
function javascript() {
    return src(paths.js)
      .pipe(sourcemaps.init())
      .pipe(concat('bundle.js'))
      .pipe(terser())
      .pipe(rename({ suffix: '.min' }))
      .pipe(sourcemaps.write('.'))
      .pipe(dest('./public/build/js'))
}


« Última modificación: 23 Diciembre 2022, 08:14 am por UsuarioZ » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines