Icons are not been generated in Angular 8
See original GitHub issueI would like to use this plugin in Angular 8. I’m using the @angular-builders/custom-webpack package to create a partial webpack configuration.
const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
module.exports = {
plugins: [
new FaviconsWebpackPlugin()
]
};
When I try to generate a build the plugin is not creating the favicons. Do you have any idea of how I can solve this issue?
Thanks in advance
Issue Analytics
- State:
- Created 4 years ago
- Reactions:2
- Comments:9 (2 by maintainers)
Top Results From Across the Web
Angular Material icons not working - Stack Overflow
Faced the issue when icon was not rendering and instead Close text was displaying. Appended the above import in my scss file and...
Read more >How to create an icon library in Angular - Medium
To set up the library we use the Angular CLI and run the following commands. ng new dinosaur-icons --create-application=false cd dinosaur-icons
Read more >How To Use Custom SVG Icons in Angular Material
Let's learn how to use our own SVG icons in Angular Material ... To do this, open the styles.css file (that was generated...
Read more >Angular Service Worker - Step-By-Step Guide
In this post, we will cover how we can configure the Angular CLI build pipeline to generate applications that in production mode are ......
Read more >Icon | Angular Material
The function will be invoked with the name and namespace of an icon when the registry tries to resolve the URL from which...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

I believe this isssue by @dvelazdiaz got unintentionally hijacked by @spencerspear 's unrelated issue.
@dvelazdiaz posted his question to StackOverflow as well, where it got a reply a month after this issue was closed. User Volodya Senchak there noted that Angular 8 had stopped using
HtmlWebpackPluginfor generating theindex.htmlfile. He mentioned that this could be circumvented by setting"index": ""inangular.json, but that this was an imperfect solution.I have now run into the same issue, which seems to affect more than just
FaviconsWebpackPlugin. Without the aforementioned fix, I cannot inject anything in theindex.htmlfrom ourcustom-webpack.config.js, including theHtmlWebpackPluginoptionstitleandbase.There must be more Angular 8+ developers using
FaviconsWebpackPlugin. I would be very interested to their thoughts on / solutions for the issue, as well as those of @jantimon and other maintainers.@kontrollanten No. As far as I know this issue has not been resolved and was closed by mistake.
We have worked around it by letting FaviconsWebpackPlugin write its output to a secondary dummy
index_dummy.htmland manually copying the relevant lines to our primaryindex.html. Downside: this takes the html injection out of the build process. This process thus needs to be repeated manually every time the icons change. Luckily for us this is rare.