webpack、angle fullstack generatorを使用してngMaterialを挿入します。

Question

Webアプリケーションを作成したいと思います。角度付きのfullstackジェネレータを使用してこれを構築し始めました。このジェネレータはwebpackを使用しています。これは初めてwebpackを使用しています。

私はそれをインストールすることによって ngMaterial依存関係を追加しようとしている

：

npm install angular-material --save

私はwebpack.make.jsファイルからconfig.entry.vendorに依存関係を追加したが、私はngMaterialをインポートしようとしたときに私が受け取りました次のエラー：私は依存関係を注入することができますどのように

ERROR in ./client/app/app.js Module not found: Error: Cannot resolve module 'ngMaterial' in path\client\app @ ./client/app/app.js 21:18-39

ウェブパック？

Answer 1

angular-materialの代わりに、webpackの設定で正しくない依存関係の名前を指摘したとします。ngMaterial

ngMaterialがangularjsモジュール名で、あなたはこのようなあなたの角度のアプリモジュールで依存関係、などをポイント：

angular.module('app', ['ngMaterial']) 

しかし、あなたはangular-materialあるnode.jsモジュール名を、ポイントする必要がありwebpack依存関係にある（それはありますあなたはnpm installコマンドを経由して、それをインストールした後node_modulesフォルダにあります）

EDIT：

app.jsに必要な場合は、import 'angular-material'またはrequire('angular-material')でそのモジュールをインポートする必要があります。しかし、別のvendor.jsファイル（webpack経由）にこの依存関係を含めると、にこのモジュールを含めるべきではないので、vendor.jsのページにアップロードされます。そうした場合は、プロジェクトに2回追加します。