我正在开发Ionic 3 PWA。生产构建后,我的PWA正在获得1.930KB的css文件。它太大,正在损害我的应用程序的加载性能!
我正在使用延迟加载,因此使用了模块化。我的页面和组件是分开的,但是css文件仍然只是一个。一个巨大的css文件!
我如何才能将此CSS模块化为几个文件,以使CSS的每个部分都加载相应的模块?
最佳答案
问题是由creation of custom colors引起的。每个自定义颜色都会增加CSS的大小。
解决方案是删除自定义颜色。作为副作用,我不能将“ color”属性与自定义颜色一起使用。因此,有必要为每个组件实现特定的CSS颜色。
关于css - 是否可以使CSS模块化以减少Ionic 3中的主要CSS文件大小?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44123289/