古いIE

Question

マイプロジェクト環境のCSSファイルを抽出する方法

webpack 1.15.0 
extract-text-webpack-plugin 1.0.1 

私は、単一のCSSファイルにスタイルを抽出し、それはクロム、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

これは、この問題

CSS-分割のWebPACK-プラグイン

を解決するためにpostcssプラグインですとIEの上限は4095のセレクタです。