关于webpack纯净打包项目

Question

遇到一个需求，前端使用webpack打包自己想要的页面，不需要的页面不打包，打包后是纯净的只有自己要的页面代码，gulp目前可以实现，请问webpack有解决方案吗？

Answer 1

当然有。webpack4.x之前的CommonsChunkplugin提取公共代码，webapck4.x之后的SplitChunks实现相同的功能。使用tree shaking可以实现获取指定文件指定功能块的代码。使用code splitting可以实现将构建输出的大文件转换为几个小文件。使用entry可以实现webpack对于chunk的控制，通过chunk可以控制输入和输出，使用html-webpack-plugin的options.chunk可以为构建生成的*.html文件指定所需要的chunk。总之，你日常开发中，至少90%的功能webpack都可以实现。如果想深入学习一下webpack可以参考该同学整理的webpack-play其中有大量的总结和示例代码。