Webpack 2 & Semantic UI Theming
Aggelos Arvanitakis

Hi! thanks so much for posting this has been a massive help.

Alas I seem to be getting Can’t resolve ‘../node_modules/semantic-ui-less/themes/material/assets/images/flags.png’ in ‘C:\<some path>\Theme’ @ ./~/css-loader?{“importLoaders”:1}!./~/less-loader/dist/cjs.js!./~/postcss-loader/lib!./Theme/semantic.less 8:84117–84200 @ ./Theme/semantic.less

Where Theme is the name I called “my-semantic-theme” from your article.. any ideas on getting images in?

Webpack looks like so:

test: /\.(less|css)$/,

use: extractLess.extract({

use: [{

loader: “css-loader”, options: { importLoaders: 1 }


loader: “less-loader”



loader: “postcss-loader”


// use style-loader in development

fallback: “style-loader”


Like what you read? Give Tom a round of applause.

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