Nx 工作空间：将样式文件从库导入到应用程序

Question

我正在使用 Angular 12。\n我创建了一个库和一个项目。\n在我的库中，我有样式 (dark-theme.scss) 文件，我想将其提供给应用程序。

\n

我从文档中知道我需要将资产设置为 ng-packagr。在 nx 工作区中，这是库根文件夹中的 ng-package.json 文件。

\n

我的 ng-package.json 看起来像：

\n

{\n  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",\n  "dest": "../../dist/libs/my-lib",\n  "assets": ["**/dark-theme.scss"],\n  "lib": {\n    "entryFile": "src/index.ts"\n  }\n}\n

\n

库构建后，我检查了我的 scss 文件确实在路径上：

\n

dist\\libs\\my-lib\\dark-theme.scss\n

\n

在我的应用程序中，我想将该样式导入到通用应用程序样式（styles.scss）中：

\n

@import "@my-lib/dark-theme.scss"; \n

\n

还尝试过：

\n

@import "~@my-lib/dark-theme.scss"; \n

\n

当我尝试在 Nx 工作区中启动应用程序时，出现错误：

\n

./apps/app-demo/src/styles.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):\nModuleBuildError: Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js):\nSassError: Can\'t find stylesheet to import.\n  \xe2\x95\xb7\n1 \xe2\x94\x82 @import "@my-lib/dark-theme.scss";\n  \xe2\x94\x82         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n  \xe2\x95\xb5\n

\n

同一库中的所有其他文件均已成功导入并正常工作（模块、组件、管道...）。我只对这种风格/资产有问题。

\n

这样做的正确方法是什么？

\n