A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Optimizaci贸n del Build

15/22
Recursos

Aportes 21

Preguntas 5

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Para los que instalen la versi贸n 6.0.2 de Compresion-webpack-plugin debe hacer un peque帽o cambio en la configuraci贸n.

new CompressionWebpackPlugin({
        test: /\.js$|\.css$/,
        filename: '[path][base].gz',
      })

La versi贸n de compression-webpack-plugin 6.0.1 (煤ltima al momento de escribir este comentario) ya no es ya no es compatible con el curso.
Para probar deben instalar la version 3.1.0

La compresion .gz es la hostia

Si instalan el paquete compression-webpack-plugin con la version 7.1.2 o superior se tiene que hacer un upgrade de webpack a la version 5.1 como m铆nimo para que no tener el error

TypeError: Cannot read property 'tapPromise' of undefined

Ademas se tiene que hacer la modificaci贸n en la configuraci贸n del plugin que nos comparti贸 Jos茅 Alejandro Mu帽oz Ruiz

new CompressionWebpackPlugin({
        test: /\.js$|\.css$/,
        filename: '[path][base].gz',
      })

En mi caso estoy usando la versi贸n 6.0.4 de compression-webpack-plugin, y aunque en el build nunca me puso l铆o m谩s all谩 de corregir el filename a 鈥榌path][base].gz鈥, y los archivos se crearon, el reporte por pantalla nunca me nombr贸 dichos archivoz gz.

Para los que tengan problemas traten de tener las librerias que tiene el profesor en el package.json en este caso me funciono instalar

    "compression-webpack-plugin": "^3.1.0",

Realmente la mayor parte de optimizaci贸n la hace webpack.

npm i -D compression-webpack-plugin

No se si es por que mi App es grande o no se hahahah
Pero no se ha reducido tanto, es un caos cuando tienes todo en TS hahahahha

Luego de instalar terser-webpack-plugin, la aplicaci贸n pas贸 de pesar 59k, a 61k 鈥ctu贸 al contrario 馃槄

Pueden usar el Connect Gzip Middleware para servir los archivos comprimidos.

Problemas de build con 鈥渢erser-webpack-plugin鈥

Esta optimizaci贸n me emocion贸 !

驴Como hace para tener autocompletado en la terminal para las instalaciones de dependencias?

me crea todos los paquetes, tienen el mismo tama帽o de la clase, pero al dar comando node src/server, se levanta el el servidor, pero no me carga la aplicacion, solo un html

<!DOCTYPE html>
<html>
  <head>
    <title>Platzi Video</title>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>```

Hay que usar la version 鈥渢erser-webpack-plugin鈥: 鈥淾2.3.3鈥 y no la 5 que es la que instala por defecto.

Despu茅s de sufrir un poco con el paquete de compresi贸n鈥 ^_^

Para los que est茅n haciendo este curso, y tiene problemas con el versionado de compression-webpack-plugin. Este link explica las incompatibilidades que hay https://stackoverflow.com/questions/65156116/typeerror-cannot-read-property-tappromise-of-undefined

Lo hice funcionar modificando en el package.json con 鈥渃ompression-webpack-plugin鈥: 鈥淾6.0.5鈥 y 鈥渨ebpack鈥: 鈥淾5.3.2鈥.
Salen warnings de varios features deprecados, pero para salir del paso, sirve.

馃槄

Que dice el que se limpia 鈥渘ode morius o mobius鈥濃 Si entienden me dicen porfa