Semantic UI support

Hello 👋

I am trying to build Semantic UI LESS distribution, but get the following error:

./src/semantic/semantic.less (./node_modules/css-loader??ref--6-oneOf-8-1!./node_modules/postcss-loader/src??postcss!./node_modules/less-loader/dist/cjs.js??ref--6-oneOf-8-3!./src/semantic/semantic.less)

module.exports = __webpack_public_path__ + "static/media/theme.9cb07199.config";
             ^
Unrecognised input
      in /Users/olessavluk/work/semantic-ui-cra/src/semantic/theme.config (line 1, column 15)

However when I try to use “clean webpack”, just with default less-loader configuration it works fine. Any idea why this might happen and how to fix it?

Repo to reproduce this issue - https://github.com/olessavluk/semantic-ui-cra

[theres]

I’ve managed to make it works for me. craco.config.js:

const CracoLessPlugin= require("craco-less");
const { getLoader, loaderByName } = require("@craco/craco");
const path = require('path');

module.exports = {
  webpack: {
    configure (webpackConfig) {
      webpackConfig.resolve.alias = {
        '../../theme.config': path.join(__dirname, './src/theme.config'),
        '../../node_modules/semantic-ui-less/themes/default/elements/assets': path.resolve(__dirname, './node_modules/semantic-ui-less/themes/default/assets/')
      }

      const { isFound, match } = getLoader(webpackConfig, loaderByName("file-loader"));
      if (isFound) {
        match.loader.exclude = [...match.loader.exclude,  /\.(config|overrides|variables)$/]
      }

      return webpackConfig;
    }
  },
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        cssLoaderOptions: {
          modules: 'global',
          localIdentName: "[local]_[hash:base64:5]"
        }
      }
    }
  ]
};

[olessavluk]

Fix for this issue can be implemented by using fork with custom exclude or as @theres suggested