如何在Angular 2中使用MaterializeCSS
我真的想在Angular2中使用materializecss。
我遵循了下面的步骤
https://www.npmjs.com/package/angular2-materialize。
我还在学习Angular2和使用angular-cli。但我不知道在哪里添加插件bec。
我不知道webpack在哪里。我也试着遵循下面的步骤，https://medium.com/@ladyleet/using-materializecss-with-your-angular-2-angular-cli-app-2eb64b05a1d2#.cpgjvvo7m
但我不知道angular-cli-build.js在哪？
哦，顺便说一句，我用的是angular-cli.我希望有人能帮我。
我真的很喜欢materializecss.当我使用AngularJS时，我总是使用它。
谢谢。
回答 4
Stack Overflow用户
发布于 2018-06-03 03:49:00
来自此存储库的答案：https://github.com/stanleyeosakul/angular-travelville
设置具体化CSS
- 运行
yarn add materialize-css@next(或将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" ], ... } ] }
- 在
./src/typings.d.ts中声明M变量(或者自己创建文件)
typescript declare var M;
- Materialize CSS现已集成到Angular!
中
Stack Overflow用户
发布于 2017-04-18 04:40:54
可以在主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"Stack Overflow用户
发布于 2017-01-30 22:14:32
甚至我也尝试过使用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
]
})https://stackoverflow.com/questions/41937283
复制相似问题