webpack - 如何为旧 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-split-webpack-plugin

IE 的限制是 4095 个选择器。