https://github.com/lttb/prejss-styles-loader
Styles loader for Webpack on top of PreJSS
https://github.com/lttb/prejss-styles-loader
loader prejss webpack
Last synced: over 1 year ago
JSON representation
Styles loader for Webpack on top of PreJSS
- Host: GitHub
- URL: https://github.com/lttb/prejss-styles-loader
- Owner: lttb
- License: mit
- Created: 2017-03-11T13:14:13.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-05-09T06:39:49.000Z (about 9 years ago)
- Last Synced: 2025-03-18T17:24:52.394Z (over 1 year ago)
- Topics: loader, prejss, webpack
- Language: JavaScript
- Homepage:
- Size: 31.3 KB
- Stars: 9
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# prejss-styles-loader
Styles loader for Webpack on top of [PreJSS](https://github.com/axept/prejss).
Process stylesheets from separate files via PostCSS to the JSS-like objects.
## Installation
```sh
npm i -D prejss-styles-loader
```
or
```sh
yarn add prejss-styles-loader -D
```
## Usage example
```js
import injectSheet from 'react-jss'
// this style would become to JSS object literal
import style from './style.css'
const App = () => // ...
// ...
export default injectSheet(style)(App)
```
*styles.css*
```stylus
app {
position: absolute;
top: 0;
left: 0;
}
```
### Webpack config example
```js
rules: [{
test: /\.s[ac]?ss$/,
include: [
PATHS.app,
],
use: [
'prejss-styles-loader',
],
}]
```
## Links
- [PreJSS](https://github.com/axept/prejss)
## License
MIT