CSS Module localIdentName

[abubakir1997]

Problem

Currently react uses [filename]\_[classname]\_\_[hash] for localIdentName when using CSS Modules. This causes an issue if the filename contains a period, since a period is not a valid character in css class names.

Example

Filename: product.drawer.module.css
ClassName: .SomeClass {}
Generated ClassName: product.drawer_SomeClass_[hash]

Suggestion

• Remove the period from the class name (Allowing for period filenames)
• Or, clarify in the docs that filenames should not contain invalid css class name characters such as periods.

[para27rsh]

in the new version, I am not able to use the CSS module

Layout.module.css

.Content {
  margin-top: 16px;
}

Layout.js

`import React from "react";
import Aux from "../../hoc/Aux";
import styles from "./Layout.module.css";
const Layout = props => {
  console.log(styles.Content);
  return (
    <Aux>
      <div>Toolbar,SideDrawer,Backdrop</div>
      <main className={styles.Content}>{props.children}</main>
    </Aux>
  );
};

export default Layout;
`

here {styles.Content} is not working

[stale]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[abubakir1997]

What is the value of styles is it undefined? @para27rsh

[stale]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[stale]

This issue has been automatically closed because it has not had any recent activity. If you have a question or comment, please open a new issue.