2016-12-11 11 views
2

を縮小さと優れた作品次のコードインポートangularjsは、私はWebPACKの、角度の1.xを使用しているバージョン

import angular from 'angular'; 

を持っていますが、問題は、インクルードファイルが大きすぎる(angularjs - 1.15メガバイト)があるということです。 angularjsの縮小さバージョンを使用するためにコースの方が良いでしょうが、私は

import angular from 'angular/angular.min.js'; 

にコードを変更したときに、それが正常に動作しない、私は適切なangularオブジェクトをエクスポートしませんangular.min.jsのように思えるわけ。

ライブラリの縮小版を使用する正しい方法は何ですか?

答えて

3

私はこの問題に関してgithub issueを見つけました。exports-loaderを使用することをお勧めします。私のソリューションです:私たちは簡単に次のコマンドを

let angular = require('angular'); 

// or es6 version 

import angular from 'angular'; 
+0

Webpack 2では、ローダーを指定するときに '-loader'という接頭辞が必要なので、 'loader: 'exports-loader?angular''です。 'npm install --save-dev exports-loader'も必要です – jbkly

+0

webpack 2アップデートの情報ありがとうございました。 –

-1

Uは角CLIを使用してちょうど

NGビルドが

その後、あなた縮小さファイルはdistのfoldeerである

を-prod入力することができます。それは小さくなければならず、あなたはそのiniを公開することができます。public_html

+2

感謝を使用して、角度の縮小さバージョンをインポートすることができ、この設定の後

webpack.config.js

... // Add alias, so webpack looks for minified version of angular resolve: { alias: { angular: "angular/angular.min.js" } } ... // Add exports loader for angular modules: { loaders: [ { test: /angular\.min\.js$/, loader: 'exports?angular' } ] } 

、私は1の角度を使用しています。 x –

+0

DownvoteはAngularではなくAngularJSについて質問していることを認識していません。 – FrozenDroid

関連する問題