Angular11安装NG-ZORRO步骤及注意点

Angular11安装NG-ZORRO步骤及注意点

在angular8之前，安装ng-zorro ，直接通过npm i ng-zorro-antd 进行安装，不用做过多的配置，但是angular8之后安装ng-zorro需要配置好几个地方。

1. 首选在angular.json中配置样式路径

   {
     "styles": [
       "node_modules/ng-zorro-antd/ng-zorro-antd.min.css"
     ]
   }

    

2. 在 style.css 中引入样式文件

   @import "~ng-zorro-antd/ng-zorro-antd.min.css";

   如果项目中用的是less文件，在 style.less 中引入 less 样式文件

   @import "~ng-zorro-antd/ng-zorro-antd.less";

3. 引入组件模块，我是新建了一个模块 ts 文件，把项目中用到的组件都在这个文件中引用，然后在exports里面注册

4. 最后在app.module.ts 的imports配置里面引入NgZorroAntdModule

这是我项目中目前引用ngzorro的方式，如果有更好的还请告知，相互学习。

下面是我自己的微信小程序，里面有耗羊毛的活动，会定期更新