使用网页包将ECS纳入Angular2项目

我对Angular2和它的生态系统还很陌生，我试图弄清楚事物是如何协同工作的。如果有些问题看起来很琐碎，很抱歉

因此，在的帮助下，我部署了一个全新的Angular2应用程序，它使用Webpack

对于UI，我想使用材质而不是引导。我做了一些研究，我开始迷失在围绕材料的大量项目中。我要找的是：

• 使用材质css和类的简单方法，如网格。。。
  • 这似乎是解决办法
• 使用指令
  • 我发现我能做到这一点
• 使用材质组件作为角度2组件
  • 这是我发现的提供这些东西的最先进的项目

还有很多：D，我已经找到了Angular2的Material Design Lite，但让它失望吧，因为Material2在Alpha之外时，它似乎会被弃用

1）这三个软件包能很好地协同工作吗？ 我还没有找到满足我列出的所有需求的软件包

好的，我开始安装angular2 materialize，但我被Webpack阻止了。 Github自述告诉我们，安装MaterialCSS和angular2实现：

npm install materialize-css --save
npm install angular2-materialize --save

然后导入具体化css样式

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">

使用此配置，我认为我可以在vendor.browser.ts中执行类似以下操作：

import "materializecss";

它将加载和/或自动将指向构建的CSS。或者我错了，这样不行

显然它不起作用，我得到一个：

Uncaught Error: Cannot find module "materializecss" - vendor.browser.ts:23

为什么?

非常感谢你们的帮助伙计们首先要做：

npm install materialize-css --save
npm install angular2-materialize --save

然后：

在您的style.css中

@import "~materialize-css/dist/css/materialize.css";

import "materialize-css";
import { MaterializeDirective } from 'angular2-materialize';


@NgModule({declarations: [...MaterializeDirective],...})

@import "~materialize-css/dist/css/materialize.css";