Styles are not extracted for React application in production build

[MiroslavKral]

Current Behavior

I generate clean React application and generate a few components with global styles with package @nrwl/react:component. These components imports styles directly in TypeScript files by default:

When I perform production build, styles are not extracted into separate file, but are included in final bundle:

And it is wrong from my point of view and it is problem for our production application too. It is ok for development, but very bad for production.

Expected Behavior

Styles should be extracted into file in production mode.

Steps to Reproduce

There is minimal Github repo with example: https://github.com/MiroslavKral/nx-react-styles Build instructions are in README.

Environment

Node : 14.17.6 OS : win32 x64 npm : 6.14.15

nx : 14.7.5 @nrwl/angular : Not Found @nrwl/cypress : 14.7.5 @nrwl/detox : Not Found @nrwl/devkit : 14.7.5 @nrwl/eslint-plugin-nx : 14.7.5 @nrwl/express : Not Found @nrwl/jest : 14.7.5 @nrwl/js : 14.7.5 @nrwl/linter : 14.7.5 @nrwl/nest : Not Found @nrwl/next : Not Found @nrwl/node : Not Found @nrwl/nx-cloud : Not Found @nrwl/nx-plugin : Not Found @nrwl/react : 14.7.5 @nrwl/react-native : Not Found @nrwl/schematics : Not Found @nrwl/storybook : 14.7.5 @nrwl/web : 14.7.5 @nrwl/workspace : 14.7.5 typescript : 4.8.3

Local workspace plugins:

Community plugins:

[MiroslavKral]

Is there any problem with provided information?

[ndcunningham]

What do you mean by extracted? Do you expect your styles file even though they are directly imported by your components not to be included in your components bundle?

[github-actions[bot]]

This issue has been automatically marked as stale because it hasn't had any recent activity. It will be closed in 14 days if no further activity occurs. If we missed this issue please reply to keep it active. Thanks for being a part of the Nx community! 🙏

[github-actions[bot]]

This issue has been closed for more than 30 days. If this issue is still occuring, please open a new issue with more recent context.