Can you explain this line?
Adam C.

Hey, sorry for the late response. So this line is there so that webpack can actually access the default semantic-ui fonts.

The default value of @fontPath is relative to the /node_modules/semantic-ui-less/ directory so we need add an extra ../ in order to be able to get the fonts. The themes folder that you don’t see actually exists within the semantic-ui-less package and that is exactly what we are trying to access.

Now the @{theme} parameter is so that webpack can resolve the fonts of every theme and not only the default theme. So depending on your theme choice the fontPath can change in order to direct webpack to the proper assts folder

Like what you read? Give Aggelos Arvanitakis a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.