IMPORTANTE: estás prácticas las tenéis que subir a vuestro repositorio de Github (o si lo prefirís Gitlab o Bitbucket público).
Implementar una aplicación simple que:
- Tenga el bundling montado con webpack.
- Muestre un logo (si queréis el de lemoncode).
- Este montada con typescript.
- Tenga el texto de hola mundo estilado con SASS.
Bonus points:
- Muestra un hola mundo desarrollado con React.
- Montar la versión de producción. o Pista: https://webpack.js.org/guides/production/
- Tener variables de entorno para desarrollo o producción: o Pista: https://webpack.js.org/guides/environment-variables/).
- Tener una medida de cuanto mide cada librería: o pista: mirar BundleAnalyzerPlugin.
- Montar lo mismo con Parcel.
También valdría como básico:
- Hacer fork de repo webpack by sample e integrar algunos de estos plugins (que no sea el bundleanalyzer): https://survivejs.com/webpack/optimizing/build-analysis/
- Fork repo webpack by sample Alias config example: https://www.basefactor.com/configuring-aliases-in-webpack-vs-code-typescript-jestFork repo webpack by sample, Minimizar imagenes: o https://iamakulov.com/notes/optimize-images-webpack/ o https://www.npmjs.com/package/imagemin-webpack-plugin