Css styles not working in a production build

[oldmill1]

This issue is a:

• Question / support request

My setup is a basic React component setup. I have built a React component using the [documentation](Developing React Components and Libraries with nwb
) for building Components and Libraries with nwb, and I am importing styles in my app using import styles.css. The stylesheet is a fairly basic one. The styles work in my development server, but when I build my component, and import this app into another app, I get this error:

.container {
^
ParseError: Unexpected token

How do I make css files "just work." I am importing the app using a CommonJS build. My /lib folder does have the css file there, but it's just not being able to import.

Please forgive me if I am not explaining this clearly.

These checks might help you diagnose whether something is wrong with nwb or your setup:

Is the version of nwb you're using installed globally or locally?
globally

Which versions of Node.js, npm and nwb are you using (if using it globally)?

node -v v13.10.0
npm -v 6.14.6
nwb -v v0.25.2

Which modules are installed in your project?

@gadventures/[email protected] /Users/ataxali/dev/travel-credits-module
├── @apollo/[email protected]
├── @apollo/[email protected]
├── @babel/[email protected]
├── @babel/[email protected]
├── @babel/[email protected]
├── @babel/[email protected]
├── @testing-library/[email protected]
├── @testing-library/[email protected]
├── @types/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]