私は深刻な問題で苦労していました。 Angular 1.5 + Webpack(すべてがコンポーネントなので)アプリケーションの開発は終了しましたが、Chrome/Firefoxではすべてが期待どおりに機能していましたが、IE9に行ったときにすべてが崩壊しました。いくつかの調査の後、私は問題を発見しました:私の生成されたCSSは〜1Mbだったので、〜4000のCSSルールのIE制限を上回ります。IE9用の大きなCSSファイルを生成するWebpack
これらは私が今まで試したことの一部です:
- はcss-split-webpack-pluginを使用してみました:コンパイルするときにも、クラッシュを動作しません。
- 削除ソースマップは:それは(まだ十分ではありません)500のKBS
- に下って行った別のWebPACKのエントリポイントに一つの外部ライブラリを移動:1〜130 KBS(OK)とCSSと〜320 KBSと別の1(NOT OKを)。
は、この点を過ぎると、私は行き止まり
@import 'mixins';
@import 'variables';
@import 'multipurpose/multipurpose';
/* Component styles are injected through gulp */
/* inject:scss */
@import '../../components/advertising/advertising';
@import '../../components/cityforecast/city-forecast';
@import '../../components/cityforecast/weatherforecast/fivedays-forecast/fivedays-forecast';
/* endinject */
私のコンポーネントはSCSSのミックスイン、変数や多目的ファイルに依存していると私はさらに、これらのファイルを分離することができますかわからないに達しました。私は、Webpackの1つのエントリーポイントとして、すべてのコンポーネントのCSSファイルを持っていることになるだろうと思っていますが、それは時間がかかり、 "最大-ssss-files-ie9-can-support"問題になるでしょう。
ご協力いただきありがとうございます。
要求に応じてコンポーネントをロードする['code-spliting'](http://webpack.github.io/docs/code-splitting.html)を試してください。 – Thaadikkaaran
@JaganathanBantheswaran提案、私はすべてのコンポーネントとそのCSS(それはCSSのためだけに動作しますが、それは私を助けることはあまりありません)のためにそれをしました。しかし、角度モジュールにコンポーネントを含めるときにそのことをしようとすると、 "undefinedモジュールが使用できない"というエラーが発生します。 – Bernardo
コンポーネントのしくみを表示できますか? – Thaadikkaaran