如何为旧IE提取css文件

Question

我的项目环境是

webpack 1.15.0
extract-text-webpack-plugin 1.0.1

我将样式提取到单个css文件中，它在chrome firefox和IE10 +中运行良好，但在IE9中却不行。 -

我发现旧IE对css文件有限制：

A sheet may contain up to 4095 rules(maybe selectors)
A sheet may @import up to 31 sheets
@import nesting supports up to 4 levels deep

但我提取的css文件有4095多个选择器。

那么，有没有办法通过限制函数自动拆分提取的css文件？喜欢：

var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
    module: {
        loaders: [
            { 
              test: /\.css$/, 
              loader: ExtractTextPlugin.extract("style-loader", "css-loader") 
            }
        ]
    },
    plugins: [
        new ExtractTextPlugin("styles.css",{
           // options callback -- how to handle the extracted result
           callback: function(extractedResult){
              // some limit api that the extractedResult can be split into pieces
           }
        })
    ]
}

Answer 1

这是一个解决此问题的postcss插件

CSS-分裂的WebPack-插件

并且IE的限制是4095个选择器。