Webpack为IE9生成大型CSS文件

Question

一天来，我一直在与一个严重的问题作斗争。我完成了一个1.5+Webpack(所以所有东西都是一个组件)应用程序的开发，虽然在Chrome/Firefox中一切正常工作，但是当我去IE9的时候，一切都崩溃了。经过一些研究，我发现了这个问题:我生成的CSS是~1Mb，因此它超越了~4000 CSS规则的IE限制。

到目前为止，这些都是我尝试过的事情：

• 尝试使用css-拆分-webpack-插件：甚至不起作用，编译时崩溃。
• 移除源地图:下降到500 kbs (仍然不够)
• 将一个外部库移到另一个webpack入口点:一个CSS有~130 kbs (OK)，另一个有~320 kbs (不确定)。

过了这一步，我走到了死胡同

@import 'mixins';
@import 'variables';
@import 'multipurpose/multipurpose';

/* Component styles are injected through gulp */
/* inject:scss */
@import '../../components/advertising/advertising';
@import '../../components/cityforecast/city-forecast';
@import '../../components/cityforecast/weatherforecast/fivedays-forecast/fivedays-forecast';
/* endinject */

我的组件依赖于scss混频器、变量和多用途文件，我不知道如何进一步分离这些文件。我想一个想法是在Webpack中将所有组件的CSS文件作为一个入口点，但这将适得其反，并最终会进入“最大css文件-IE9可以支持”的问题。

如能提供任何帮助，将不胜感激。

Answer 1

嗯，经过1,5天与这个问题的斗争，我终于找到了解决方案，我将永远感激的程序员谁发布了这个！

BlessCSS Webpack插件

我没有意识到Bless，在发现之后，我对webpack做了一个快速的研究，尝试了也是这个，但是没有成功。