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

Front-end ReactJS Developer — https://aggelos.dev

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store