Webpack

1 min read, 71 words webpackbundlerjavascripttool

• How to optimize images to webp and use them in components?
• https://stackoverflow.com/questions/58827843/webpack-how-to-convert-jpg-png-to-webp-via-image-webpack-loader (opens new window)
• https://github.com/GaoYYYang/image-optimize-loader#3-transform-your-pngjpg-into-webp (opens new window)
• Then use d3 to inject images data to gallery section

Use cases

1. Make a dynamic image gallery using flex and grid
2. Deal with images assets, compress and resize them. and other optimizations

How to deal with Images?

• https://stackoverflow.com/questions/58827843/webpack-how-to-convert-jpg-png-to-webp-via-image-webpack-loader (opens new window)

Subscribe to our Newsletter

If you like my work and think it was helpful kindly support my work