2017-02-15 19 views
0

dotnetコアを使用してサンプルアプリケーションを作成しました。バンドル用のWeb Packも実装しました。角度2、ビジュアルスタジオのwebpack

私の問題は、バンドルされたファイルが実際に6MBくらい大きいことです。

ここに私のpolyfills.tsファイル

import 'ie-shim'; // Internet Explorer 9 support. 

import 'core-js/es6/symbol'; 
import 'core-js/es6/object'; 
import 'core-js/es6/function'; 
import 'core-js/es6/parse-int'; 
import 'core-js/es6/parse-float'; 
import 'core-js/es6/number'; 
import 'core-js/es6/math'; 
import 'core-js/es6/string'; 
import 'core-js/es6/date'; 
import 'core-js/es6/array'; 
import 'core-js/es6/regexp'; 
import 'core-js/es6/map'; 
import 'core-js/es6/set'; 
import 'core-js/es6/weak-map'; 
import 'core-js/es6/weak-set'; 
import 'core-js/es6/typed'; 
import 'core-js/es6/reflect'; 
import 'core-js/es7/reflect'; 
import 'ts-helpers'; 

はここに私のネットワークの状態は

enter image description here

  1. どのように私は、バンドルされたファイルのファイルサイズを小さくすることができているのですか?

  2. <my-app>Loading AppComponent content here ...</my-app>このテキストはコンポーネントが表示される前に表示されていますが、どのように高速化できますか?

+0

あなたはそれがリリースビルですか?私は、 'webpack.optimize.UglifyJsPlugin'を使用したときのサイズの変化がかなり大きいことに気付きました。開発モードのWebpackは非常に冗長です。 – Robba

答えて

0

webpackを使用している場合は、プロダクション用にコマンドパラメータpを使用する必要があります。

webpack -p --progress