Question

我已经转移到使用webpack的最新版本的angular cli。我很难找到如何强制编译器将自定义字体文件添加到dist文件夹，以便我可以在我的应用程序中使用它们。
我尝试使用angular-cli.json中的additionalEntries但它不起作用。

{
"project": {
"version": "1.0.0-beta.11-webpack.2",
"name": "print-dashboard"
},
"apps": [
{
  "main": "src/main.ts",
  "tsconfig": "src/tsconfig.json",
  "mobile": false,
  "additionalEntries": [
    "assets/font-awesome/fonts/**"
  ]
}
],
  "addons": [],
  "packages": [],
  "e2e": {
  "protractor": {
  "config": "config/protractor.conf.js"
  }
},
  "test": {
  "karma": {
  "config": "config/karma.conf.js"
  }
 },
  "defaults": {
  "prefix": "app",
  "sourceDir": "src",
  "styleExt": "scss",
  "prefixInterfaces": false,
  "lazyRoutePrefix": "+"
  }
}

Answer 1

将任何“额外”文件（如图像，字体等文件夹）放在/ public文件夹中，它们将自动合并到您的构建中

Answer 2

使用angular-cli: 1.0.0-beta.11-webpack.8您可以使用css导入（请参阅https://stackoverflow.com/a/39238788/1787388）

如何使用angular-cli @ beta11添加font-awesome

2 个答案: