私のプロジェクト環境は
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
}
})
]
}