通过webpack优化前端的手段有：

压缩代码：使用webpack的UglifyJsPlugin插件来压缩代码，减小文件的大小，提高加载速度。

代码分割：webpack可以将代码分割成多个小块，实现按需加载，提高页面的加载速度。

按需加载：使用webpack的懒加载技术，将需要加载的代码分割成多个小块，按需加载，提高页面的加载速度。

文件优化：使用webpack的file-loader或url-loader插件，将图片、字体等文件转换成Base64编码或将其压缩，减小文件大小，提高加载速度。

缓存优化：使用webpack的HashedModuleIdsPlugin插件，为每个模块生成一个唯一的hash值，实现缓存，提高页面的加载速度。

公共代码抽离：使用webpack的CommonsChunkPlugin插件，将公共代码抽离出来，减小文件的大小，提高加载速度。

静态资源CDN加速：使用webpack的output.publicPath配置项，可以将静态资源文件（如图片、字体等）上传到CDN服务器，提高页面的加载速度。