小编Tyr*_*ste的帖子

这就是我当前的架构：

// ng-package.json

{
  "$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"
  ]
}

// 包.json

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

所以我目前以这种方式调用我的库（“src”文件夹在 dist 中不存在）：

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

但我想改变它，使它看起来像这样：

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

遗憾的是，使用上述配置它不起作用：

其次，在我的组件（即：components/ActionBar/action-bar.component.scss）中，我调用我在 SCSS 文件夹中定义的 SCSS 定义：

@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;

我想缩短链接，使它们看起来像这样： …