相关疑难解决方法(0)

我正在尝试使用stylePreprocessorOptions以便为库项目包含到我的变量文件夹的路径，如下所示：

"stylePreprocessorOptions": {
  "includePaths": [
    "styles/variables"
  ]
}

然后我@import 'colors';在 scss 文件中使用。但它在做时不起作用ng serve：

@import 'colors';
       ^
      Can't find stylesheet to import.

这是 angular.json 中的完整库：

        "ui-table": {
            "root": "libs/ui/table",
            "sourceRoot": "libs/ui/table/src",
            "projectType": "library",
            "prefix": "xxx",
            "architect": {
                "build": {
                    "builder": "@angular-devkit/build-ng-packagr:build",
                    "options": {
                        "tsConfig": "libs/ui/table/tsconfig.lib.json",
                        "project": "libs/ui/table/ng-package.json",
                        "stylePreprocessorOptions": {
                            "includePaths": [
                                "styles/variables"
                            ]
                        }
                    }
                },
                "lint": {
                    "builder": "@angular-devkit/build-angular:tslint",
                    "options": {
                        "tsConfig": ["libs/ui/table/tsconfig.lib.json"],
                        "exclude": ["**/node_modules/**"]
                    }
                }
            },
            "schematics": {
                "@nrwl/schematics:component": { …

大家好，2022 年新年快乐！我目前正在研究我的角度库，尽管有文档和我花费时间寻找解决方案，但我似乎无法解决两个问题。这就是我想要实现的目标：

1. 我想在我的角度库中设置一个主要入口点，以便链接更清晰
2. 我想使用ng-packagr中的styleIncludePaths来缩短我的 SCSS 导入

{
  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
  "dest": "../../dist/core",
  "lib": {
    "entryFile": "src/public-api.ts",
    "styleIncludePaths": [
      "./src/lib/scss"
    ]
  },
  "assets": [
    "./src/lib/scss"
  ]
}

"name": "@ngx-chrono-ui-kit/core",
...
"exports": {
    ".": {
      "sass": "./lib/scss/_index.scss"
    }
  }

@import '~@ngx-chrono-ui-kit/core/lib/scss';

@import '~@ngx-chrono-ui-kit/core';

@use '../../scss/abstracts/variables' as variables;
@use '../../scss/abstracts/colors' as colors;
@use '../../scss/abstracts/typography' as typography;
@use '../../scss/abstracts/mixins' as mixins;
@use '../../scss/abstracts/functions' as functions;