通过CSS模块哈希降低包的大小

时间:2019-07-15 22:09:37

标签: reactjs webpack css-loader css-modules react-create-app

我正在尝试使用css-loader的css modules选项来减小我的捆绑包大小。 我使用了以下localIdentName值:

localIdentName: isEnvProduction ? '[sha1:hash:hex:4]' : '[name]__[local]'

所以在生产中,我的班级名称是基本的4位数字sha1哈希,就像google和facebook一样。

我还没有完成将整个应用程序转换为css模块的操作,但是我已经测试过更改前后的css捆绑包大小,到目前为止,我只看到主块捆绑中的包增加了8kb,在主块捆绑源映射中为40kb〜。

我想知道我在这里做错什么了吗,因为CSS的捆绑包大小刚刚增加了吗? 我还注意到js捆绑软件有所增加,但是我想这与使用css模块的每个文件中的额外逻辑有关,其中我使用classname包从模块中以及从模块中获取正确的类名。其他班级名称。

0 个答案:

没有答案