Question

我真的想在 Angular2 中使用materializecss。

我按照

中的步骤进行操作

https://www.npmjs.com/package/angular2-materialize

我还在学习 Angular2 并使用 angular-cli 。但我不知道在哪里添加插件。

我不知道webpack在哪里。我也试着按照这个步骤 https://medium.com/@ladyleet/using-materializecss-with-your-angular-2-angular-cli-app-2eb64b05a1d2#.cpgjvvo7m

但我不知道angular-cli-build.js在哪里？

哦，顺便说一句，我正在使用 angular-cli 。我希望有人可以帮助我。

我非常喜欢 materializecss 。我在使用AngularJS时总是使用它。

感谢。

Answer 1

您可以在主styles.sass文件中导入materialize css。

// override fonts path to prevent build errors (or use resolve-url loader)
$roboto-font-path: "../node_modules/materialize-css/fonts/roboto/"

// optionally override color variables eg: ...
$primary-color: color("materialize-purple");

@import "~materialize-css/sass/materialize"

Answer 2

回答这个回复：https://github.com/stanleyeosakul/angular-travelville

设置实现CSS

运行yarn add materialize-css@next（或npm i materialize-css@next）
将Materialise CSS添加到.angular-cli.json（或angular.json）

json // .angular-cli.json { "apps": [ { ... "styles": [ "../node_modules/materialize-css/dist/css/materialize.min.css", "styles.css" ], "scripts": [ "../node_modules/materialize-css/dist/js/materialize.min.js" ], ... } ] }
在M中声明./src/typings.d.ts变量（或自行创建文件）

typescript declare var M;
Materialise CSS现已集成到Angular！

Answer 3

即使我尝试使用angular-cli项目实现css，遵循MaterializeCss的说明，并且它正在工作。我遵循的步骤是：

安装jquery，materialize-css和angular2-materialize

在angular-cli脚本中添加jquery和实现

  "scripts": [
   "../node_modules/jquery/dist/jquery.js",
   "../node_modules/materialize-css/dist/js/materialize.js"
  ]

在angular-cli中添加materialize.css

 "styles": [
 "../node_modules/materialize-css/dist/css/materialize.css"
 ]

最后在app.module.ts中导入MaterializeModule

 import { MaterializeModule } from 'angular2-materialize';
 @NgModule({
  imports: [
   MaterializeModule
  ]
 })

Answer 4

使用此npm包和说明：
安装＆amp;在使用Angular CLI创建的项目中配置angular2-materialize
https://github.com/InfomediaLtd/angular2-materialize

如何在Angular 2

4 个答案:

设置实现CSS