|
2 | 2 | > **load StyleSheets as JS-Objects**
|
3 | 3 |
|
4 | 4 | [](https://travis-ci.com/stackr23/cssobjects-loader)
|
5 |
| -[![Maintenance][maintenance-img]][maintenance-url] |
6 | 5 | [](https://badge.fury.io/js/cssobjects-loader)
|
7 | 6 | [](https://david-dm.org/doubleu23/cssobjects-loader?type=dev)
|
8 |
| -[](https://snyk.io/test/github/doubleu23/cssobjects-loader) |
| 7 | +[](https://snyk.io/test/github/doubleu23/cssobjects-loader)<br /> |
| 8 | +[![Maintenance][maintenance-img]][maintenance-url] |
| 9 | +[![PRs Welcome][pr-welcome]](http://makeapullrequest.com) |
9 | 10 |
|
10 | 11 | [maintenance-img]: https://img.shields.io/badge/Maintained%3F-yes-green.svg
|
11 | 12 | [maintenance-url]: https://GitHub.com/stackR23/cssobjects-loader/graphs/commit-activity
|
12 |
| - |
13 |
| -## WIP [![PRs Welcome][pr-welcome]](http://makeapullrequest.com) |
14 |
| -> after a long time without maintenance, |
15 |
| -> im __working on a stable v1 with webpack 4 compatibility__... |
16 |
| -> that process may take a few weeks, but you can help with PR's |
17 |
| -
|
18 | 13 | [pr-welcome]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
|
19 | 14 |
|
20 |
| -### basic information |
| 15 | +## v0.5.0 released |
| 16 | +> __stable version with webpack 4 compatibility__ |
| 17 | +
|
| 18 | +### what is it? |
21 | 19 | * webpack loader
|
22 | 20 | * per [nativeCss](https://github.com/raphamorim/native-css)
|
23 | 21 | * transforms css-properties to camelCase
|
24 | 22 | * very handy for react style injections
|
25 | 23 |
|
26 |
| -### usage |
| 24 | +### how to use it? |
27 | 25 | ```npm install cssobjects-loader --save-dev```
|
28 | 26 |
|
29 | 27 | __your.so__
|
@@ -59,7 +57,7 @@ console.log(style);
|
59 | 57 | // }
|
60 | 58 | ```
|
61 | 59 |
|
62 |
| -__additional information__ |
| 60 | +__what else to know?__ |
63 | 61 | > to __keep the style properties__ as they are, pass the query 'transform=false' to the loader
|
64 | 62 | ```Javascript
|
65 | 63 | let style = require('cssobjects-loader?transform=false!stylus-loader!./your.so');
|
@@ -91,7 +89,8 @@ let style = require('cssobjects-loader!sass-loader!./your.sass');
|
91 | 89 | * loader related issues or PR's are welcome
|
92 | 90 | * __known issues__:
|
93 | 91 | * style's subclasses recognized only 1 lvl deep
|
94 |
| - (others are defined as `{parentClass__subClass1__subClass2: {}}`) |
| 92 | + (others are defined as `{parentClass__subClass1__subClass2: {}}`) |
| 93 | + * native-css not found (issue #18) |
95 | 94 |
|
96 | 95 | ### to be done
|
97 | 96 | * inject style's subclasses recursively
|
|
0 commit comments