rollup-plugin-react-scoped-css 1.0.0-alpha.10 → 1.0.0-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -40,7 +40,7 @@ export default {
|
|
|
40
40
|
};
|
|
41
41
|
```
|
|
42
42
|
|
|
43
|
-
***Notes:** Because this plugin has been built with
|
|
43
|
+
***Notes:** Because this plugin has been built with vite as its primary usecase, it doesn't transpile LESS, SCSS or other preprocessors. For that reason, you will likely need to add your transpilation plugins before reactScopedCssPlugin if you plan on using this without vite.*
|
|
44
44
|
|
|
45
45
|
### Customizing the plugin
|
|
46
46
|
There are a few options available to customize how the plugin works
|
|
@@ -85,7 +85,7 @@ There are a few options available to customize how the plugin works
|
|
|
85
85
|
}
|
|
86
86
|
```
|
|
87
87
|
|
|
88
|
-
### Advanced
|
|
88
|
+
### Advanced Rollup usecases
|
|
89
89
|
Since this plugin works in two parts, you might need to expose the first part, then add any other plugin, and then expose the second part of the plugin. This part is automatically handled with vite thanks to the enforce attribute.
|
|
90
90
|
|
|
91
91
|
```js
|
|
@@ -130,7 +130,7 @@ If you want a selector in scoped styles to be "deep", i.e. affecting child compo
|
|
|
130
130
|
```
|
|
131
131
|
The above will be compiled into:
|
|
132
132
|
```css
|
|
133
|
-
.a[data-
|
|
133
|
+
.a[data-f3f3eg9] .b { /* ... */ }
|
|
134
134
|
```
|
|
135
135
|
Another exepted format, which will generate the same resutl, is:
|
|
136
136
|
```scss
|
|
@@ -147,4 +147,3 @@ Be careful with descendant selectors in recursive components! For a CSS rule wit
|
|
|
147
147
|
|
|
148
148
|
## Contributing
|
|
149
149
|
Anyone is free to open a PR and contribute to this project... just be civilized!
|
|
150
|
-
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rollup-plugin-react-scoped-css",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.11",
|
|
4
4
|
"description": "A rollup plugin designed to allow scoped css to be run in react (Compatible with vite and rollup)",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|