https://github.com/flying-sheep/rollup-plugin-postcss-modules-example

Example for rollup-plugin-postcss-modules
https://github.com/flying-sheep/rollup-plugin-postcss-modules-example

Last synced: about 1 month ago
JSON representation

Example for rollup-plugin-postcss-modules

• Host: GitHub
• URL: https://github.com/flying-sheep/rollup-plugin-postcss-modules-example
• Owner: flying-sheep
• Created: 2017-08-30T12:24:31.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-04-09T09:53:39.000Z (9 months ago)
• Last Synced: 2024-04-09T10:52:31.000Z (9 months ago)
• Language: TypeScript
• Homepage:
• Size: 32.2 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Example for [rollup-plugin-postcss-modules](https://github.com/flying-sheep/rollup-plugin-postcss-modules)

See it deployed at https://flying-sheep.github.io/rollup-plugin-postcss-modules-example/

The [bundle.js](https://flying-sheep.github.io/rollup-plugin-postcss-modules-example/dist/bundle.js)

demonstrates the generated code:

```js

var style = {…, "myClass":"my-component_my-class__RPeiE"}

[…]

React.createElement("div", { className: style.myClass }, "Test")

```

Which references the generated CSS:

```css

.my-component_my-class__RPeiE {

 background-color: lightgrey

}

```