2016-11-15 3 views
0

私は深刻な問題で苦労していました。 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"問題になるでしょう。

ご協力いただきありがとうございます。

+0

要求に応じてコンポーネントをロードする['code-spliting'](http://webpack.github.io/docs/code-splitting.html)を試してください。 – Thaadikkaaran

+0

@JaganathanBantheswaran提案、私はすべてのコンポーネントとそのCSS(それはCSSのためだけに動作しますが、それは私を助けることはあまりありません)のためにそれをしました。しかし、角度モジュールにコンポーネントを含めるときにそのことをしようとすると、 "undefinedモジュールが使用できない"というエラーが発生します。 – Bernardo

+0

コンポーネントのしくみを表示できますか? – Thaadikkaaran

答えて

0

この問題に苦しんでから1.5日後、私は最終的に解決策を見つけました。これをリリースしたプログラマーには永遠に感謝します!

BlessCSS Webpack Plugin

私は祝福を知らなかったと出て発見した後、私は、WebPACKの上の迅速な調査を行ったalso this oneを試みたが、それは動作しませんでした。

関連する問題