构建角度库时包含资产

我正在构建一个包含自定义图标字体的库。但是，当我使用构建我的库时ng build <library-name> --prod，资产文件夹不包含在构建中，这意味着使用生产构建时不会显示图标。

我尝试了多种解决方案，例如添加assets数组中angular.json并将 asset 文件夹复制到创建的 dist 文件夹中。

我使用的是 Angular 8，该库是使用 angular-cli 创建的。

我尝试通过两种方式包含字体： 使用@import url( '../assets/icon_font.css' );在样式文件之一中并添加../assets/icon_font.css到需要它的组件之一中的 styleUrls。 （icon_font.css是包含图标字体的 css 文件）

这是我的库目录的布局：

- src
  - lib
    - assets
      - icon_font.css
      - font files
    - component that requires icons
      - style sheet that has @import icon_font.css
    - other components and classes

我想要 .ttf 和其他字体文件assets/导出的目录中可用dist folder.

正如已经说过的，角度库现在支持资产 https://angular.io/guide/creating-libraries#managing-assets-in-a-library自从v9.x有角的。
但它没有得到很好的解释他们的网站 https://github.com/ng-packagr/ng-packagr/blob/master/docs/copy-assets.md。为了让它发挥作用，你必须：

1. Add an assets folder at the root of your library project
   
2. Add "assets": ["./assets"],进入ng-package.json图书馆的文件

{
  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
  "dest": "../../dist/icon",
  "assets": ["./assets"], // <-- Add it here
  "lib": {
    "entryFile": "src/public-api.ts"
  }
}

提醒：tsconfig.lib.json 路径在 Angular 库中不起作用，因此更改后您可能需要手动编辑具有相对路径的资产的导入

3. ng build custom-project --prod. It then appear in your dist folder
   

然后你可以在这个文件夹中添加你想要的内容

附加提示：在您的项目中使用它

然后，如果您希望将其使用到导入的项目中，请执行以下操作：

angular.json 中的资源、js、样式

将这些文件添加到您的angular.json file

 {
   /*...*/
   "assets": [ // Import every assets
     {
       "glob": "**/*",
       "input": "./node_modules/custom-project/assets",
       "output": "/assets/"
     }
   ],
   "styles" : [ // Only custom css
     "node_modules/custom-project/assets/my-css-file.css"
   ],
   "scripts" : [
     "node_modules/custom-project/assets/my-js-file.js"
   ]
 }

Js作为app.module的一部分

也可以直接将js添加到children文件中即使我不确定它是否真的延迟加载这些文件.
例如，进入你的home.module.ts文件、导入

 import 'custom-project/assets/my-js-file.js'