kylefang/create-react-app
1
0
Fork 0
mirror of https://github.com/zhigang1992/create-react-app.git synced 2026-01-12 22:46:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

Mention .module.scss/sass convention (#5145)

Browse Source
This commit is contained in:
Marek Suscak
2018-09-27 23:13:40 +02:00
committed by Joe Haddad
parent 27ac52ac2f
commit 7644f736b2
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/react-scripts/template/README.md
View File

@@ -515,6 +515,8 @@ If you are concerned about using Webpack-specific semantics, you can put all you
This project supports [CSS Modules](https://github.com/css-modules/css-modules) alongside regular stylesheets using the **[name].module.css** file naming convention. CSS Modules allows the scoping of CSS by automatically creating a unique classname of the format **[filename]\_[classname]\_\_[hash]**.
> **Tip:** Should you want to preprocess a stylesheet with Sass then make sure to [follow the installation instructions](#adding-a-sass-stylesheet) and then change the stylesheet file extension as follows: *[name].module.scss* or *[name].module.sass*.
An advantage of this is the ability to repeat the same classname within many CSS files without worrying about a clash.
### `Button.module.css`
@@ -585,6 +587,8 @@ This will allow you to do imports like
@import 'nprogress/nprogress'; // importing a css file from the nprogress node module
```
> **Tip:** You can opt into using this feature with [CSS modules](#adding-a-css-modules-stylesheet) too!
## Post-Processing CSS
This project setup minifies your CSS and adds vendor prefixes to it automatically through [Autoprefixer](https://github.com/postcss/autoprefixer) so you don’t need to worry about it.