0

私のプロジェクト環境は

webpack 1.15.0
extract-text-webpack-plugin 1.0.1

スタイルを 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
           }
        })
    ]
}
4

1 に答える 1