angularjs - 使用 webpack、angular fullstack 生成器注入(inject) ngMaterial

Question

我想构建一个 Web 应用程序，并且我已经开始使用 Angular 全栈生成器来构建它。这个生成器使用 webpack，这是我第一次使用 webpack。

我一直在尝试添加 ngMaterial通过以下方式安装依赖项:

npm install angular-material --save

我在 config.entry.vendor 中添加了依赖项来自 webpack.make.js文件，但当我尝试导入 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


如何使用 webpack 注入(inject)依赖项？

Answer 1

我假设你在 webpack 配置中指出了错误的依赖项名称:ngMaterial而不是 angular-material .

ngMaterial是 angularjs 模块名称，您将其作为 Angular 应用程序模块中的依赖项，如下所示:

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

但是在webpack您必须指向的依赖项 node.js模块名称，即angular-material (通过 node_modules 命令安装后位于 npm install 文件夹中)

编辑:

如果在您的 app.js 中需要您还必须通过 import 'angular-material' 导入该模块或 require('angular-material') .但是，如果您将此依赖项包含在单独的 vendor.js 中文件(通过 webpack )，而不是你不应该在你的 app.js 中包含这个模块, 因为它将上传到 vendor.js 中的页面.如果这样做，您将在项目中包含它 2 次。