小编mah*_*hid的帖子

有没有人有在带有 SCSS 样式的 Angular 项目中设置 Ant Design 的经验？设置不是困难的部分，但我试图覆盖 Ant Design 在其设计系统中公开的变量。问题是他们使用.less文件进行样式设置，我不确定如何将其与scss.

我看过一些 React 项目的例子。但是 angular 会产生一些其他问题，因为它本身处理 scss 文件，我不确定如何解决它。

我使用 Angular CLI 创建了这个项目。

这是一些代码：

angular.json 文件

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "ant-design-poc": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "architect": {
        "build": {
          "builder": "@angular-builders/custom-webpack:browser",
          "options": {
            "customWebpackConfig": {  
              "path": "./src/custom-webpack-2.config.js"  
            },
            "outputPath": "dist/ant-design-poc",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.scss",
              "node_modules/ng-zorro-antd/ng-zorro-antd.less" …