Angular11安装NG-ZORRO步骤及注意点
在angular8之前,安装ng-zorro ,直接通过npm i ng-zorro-antd 进行安装,不用做过多的配置,但是angular8之后安装ng-zorro需要配置好几个地方。
- 首选在angular.json中配置样式路径
{ "styles": [ "node_modules/ng-zorro-antd/ng-zorro-antd.min.css" ] }
-
在
style.css
中引入样式文件@import "~ng-zorro-antd/ng-zorro-antd.min.css";
如果项目中用的是less文件,在
style.less
中引入 less 样式文件@import "~ng-zorro-antd/ng-zorro-antd.less";
-
引入组件模块,我是新建了一个模块 ts 文件,把项目中用到的组件都在这个文件中引用,然后在exports里面注册
- 最后在app.module.ts 的imports配置里面引入NgZorroAntdModule
这是我项目中目前引用ngzorro的方式,如果有更好的还请告知,相互学习。
下面是我自己的微信小程序,里面有耗羊毛的活动,会定期更新
![福利小程序](https://i-blog.csdnimg.cn/blog_migrate/f7ff20540af848b5d7c9c0ea6f5eb59a.png)