如何在 Angular 8 项目中集成 favicons-webpack-plugin？

【问题标题】：How to integrate favicons-webpack-plugin in Angular 8 projects?如何在 Angular 8 项目中集成 favicons-webpack-plugin？
【发布时间】：2019-09-19 20:46:05
【问题描述】：

我想在 Angular 8 中使用 jantimon/favicons-webpack-plugin。我正在使用 @angular-builders/custom-webpack 包来创建部分 webpack 配置。

const FaviconsWebpackPlugin = require('favicons-webpack-plugin');

module.exports = {
  plugins: [
    new FaviconsWebpackPlugin()
  ]
};

当我尝试生成构建时，插件不会创建网站图标。你知道我该如何解决这个问题吗？

提前致谢

【问题讨论】：

嗯，对我来说，生成适用于 production 构建，但不适用于 dev - ng build --configuration=production。

标签： angular webpack

【解决方案1】：

FaviconsWebpackPlugin 可以正确生成图标，但需要将其注入index.html HtmlWebpackPlugin。这里有一些问题，因为版本 8 Angular 不使用HtmlWebPackPlugin，而是使用了一些自定义方法来生成index.html。

我们可以通过将angular.json 中的index 属性设置为空字符串来将图标注入index.html。如果index 属性为空，则HtmlWebpackPlugin 将负责生成和注入index.html 文件。

但是有一个问题：HtmlWebpackPlugin 没有注入一些es5 块并且块的顺序不正确。

【讨论】：