如何为旧版 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 个选择器。

如何为旧版 IE 提取 css 个文件

How extract css files for old IE

webpack

extracttextwebpackplugin