Angular 库“includePaths”替代方案答案

【问题标题】：Angular Library "includePaths" alternativeAngular 库“includePaths”替代方案
【发布时间】：2021-04-27 17:00:55
【问题描述】：

我正在尝试构建一个 Angular 11 库，其中包含一些围绕 Syncfusion 的 EJ2 的包装器组件。我正在尝试从他们的 node_modules 指令和as per their documentation 导入 scss 文件，以避免 SCSS 编译问题并映射需要添加“node_modules/@syncfusion" 到 "stylePreprocessorOptions" 中的 "includePaths" 属性的 SCSS 文件路径angular.json 配置文件。

但是，在 angular 库中，我没有这样的属性。 达到相同结果的等效方法或方法是什么？

已经尝试过

This 问题建议在 ng-package.json 文件的“styleIncludePaths”中添加条目。但是这不起作用（由于找不到文件，导入失败）

【问题讨论】：

标签： angular syncfusion

【解决方案1】：

我们创建了一个示例 Angular 库应用程序供您参考，您可以从以下链接下载。

示例：https://www.syncfusion.com/downloads/support/directtrac/general/ze/workspace1508444094

“ng-package.json”配置：

{
  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
  "dest": "../../dist/lib",
  "lib": {
    "entryFile": "src/public-api.ts",
    "styleIncludePaths": [“../../node_modules/@syncfusion”]
  }
}

“lib.component.scss”：

@import '~@syncfusion/ej2-angular-buttons/styles/material.scss';

下载示例
在根目录下运行“npm install”命令。
使用“npm run build”构建库和应用程序
使用“npm run start”为带有 lib 组件的应用程序提供服务。

【讨论】：