I’m trying to rename chunk for easier to debug in lighthouse. However, I find that size of chunk increase slightly after I have renamed it. I guest it have to store more bytes for the name of the chunk.

So, can we only rename it on development or staging env, not production env?

This is how I rename my chunk:
const BSNotEnoughScoreContent = lazy(() => import(/* webpackChunkName: "BSNotEnoughScoreContent" */ './BSNotEnoughScoreContent'));

I expect that there is a config for me to only allow rename chunk on development or staging environment.