Question

我正在使用flag-icon-css软件包，该软件包为您提供一个CSS“字体”文件和所有SVG标志。软件包存在问题（4x3标志未正确显示），因此我从node_modules中拉出了所有文件，并解决了该问题。

我现在在src/assets/fonts文件夹下拥有所有的css和标志图标。我更新了angular.json以反映所做的更改，并确保flag-icon-css中的node_modules文件夹已删除，但是标记图标仍保存在/dist和中。 assets/fonts文件夹。

这是我的angular.json更改为的内容：

  "styles": [
    "src/assets/fonts/flags/flag-icon.min.css",
    "src/styles.scss"
  ],
  "assets": [
    "src/favicon.png",
    "src/assets",
  ],

我什至尝试添加完整路径：src/assets/fonts/flags/icons，但仍将它们直接构建到dist文件夹中。

Answer 1

所有添加到"styles": []的文件在构建时始终移至根目录“ /dist”的顶层。这是因为它们是全局文件。 here下“样式”下的更多信息。

您可以通过多种选择来解决自己的问题：

从"styles": [..]数组中删除“ src / assets / fonts / flags / flag-icon.min.css”。

将其导入到您的styles.scss中，例如：

@import('path/outside/assets/flag-icon.min.css')

现在，它们应该在构建后包含在您的/dist/styles.css中。如果您将图标保留在素材资源文件夹中，则它们将被导入到styles.css和/dist/assets/..文件夹中

从您的index.html导入图标集

<link href="assets/fonts/flags/flag-icon.min.css" rel="stylesheet">