- 确保使用的rxjs版本支持treeshaking功能,rxjs v6.x及以上版本支持treeshaking。
- 在webpack的配置文件中设置optimization属性,开启sideEffects标识。需要注意的是,只有sideEffects为false的module才能被treeshaking。
optimization: {
sideEffects: false, // 仅包含副作用模块打包,但会忽略掉RxJS的所有模块
},
- 在package.json中设置"sideEffects"为false,以确保rxjs是未标记的无副作用模块。
"sideEffects": false,
"dependencies": {
"rxjs": "^7.5.0",
}