- 前言
之前项目使用的是antd-design,依赖roadhog("^2.5.0-beta.4")来构建,build项目时给出了建议代码分割的提示:

为了保证项目后面的性能,还是要着手做代码分割:
- CommonsChunkPlugin
roadhog相当于是webpack的封装工具,依赖的webpack版本是3.x,webpack3.x代码分割的相关api是CommonsChunkPlugin ,[参考:https://webpack.js.org/plugins/commons-chunk-plugin/];
但由于roadhog2.x不再需要自建webpack.config.js文件来配置CommonsChunkPlugin,而是配置.webpackrc.js文件中的commons[参考:https://github.com/sorrycc/roadhog/blob/master/README_zh-cn.md ]

至此,大概理清楚了,虽然roadhog配置的是commons,但

本文介绍了在roadhog2.x环境下如何进行代码分割,由于不再需要直接配置webpack.config.js,而是通过.webpackrc.js中的commons选项来实现,类似于webpack3.x的CommonsChunkPlugin。虽然webpack4.x已废弃CommonsChunkPlugin,但通过调整.webpackrc.js的配置,依然可以达到代码分割的效果。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



